- added settings page and function

- add Role Ring for avatar and display role for user nav

src/routes/(app)/route.tsx

@@ -1,23 +1,20 @@
-import { AuthProvider } from '@/components/auth/auth-provider'
-import Header from '@/components/Header'
-import AppSidebar from '@/components/sidebar/app-sidebar'
-import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar'
-import { createFileRoute, Outlet } from '@tanstack/react-router'
+import Header from '@/components/Header';
+import AppSidebar from '@/components/sidebar/app-sidebar';
+import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar';
+import { createFileRoute, Outlet } from '@tanstack/react-router';
 
 export const Route = createFileRoute('/(app)')({
   component: RouteComponent,
-})
+});
 
 function RouteComponent() {
   return (
-    <AuthProvider>
-      <SidebarProvider defaultOpen={false}>
-        <AppSidebar />
-        <SidebarInset>
-          <Header />
-          <Outlet />
-        </SidebarInset>
-      </SidebarProvider>
-    </AuthProvider>
-  )
+    <SidebarProvider defaultOpen={false}>
+      <AppSidebar />
+      <SidebarInset>
+        <Header />
+        <Outlet />
+      </SidebarInset>
+    </SidebarProvider>
+  );
 }