[rewrite] Updated frontend structure and played with custom routes

frontend/src/routes/_authenticated/route.tsx

@@ -1,37 +1,36 @@
-import Cookies from 'js-cookie'
-import { createFileRoute, Outlet } from '@tanstack/react-router'
-import { cn } from '@/lib/utils'
-import { SearchProvider } from '@/context/search-context'
-import { SidebarProvider } from '@/components/ui/sidebar'
-import { AppSidebar } from '@/components/layout/app-sidebar'
-import SkipToMain from '@/components/skip-to-main'
+import Cookies from "js-cookie";
+import { createFileRoute, Outlet } from "@tanstack/react-router";
+import { cn } from "@/lib/utils";
+import { SearchProvider } from "@/context/search-context";
+import { SidebarProvider } from "@/components/ui/sidebar";
+import { AppSidebar } from "@/components/layout/app-sidebar";
+import SkipToMain from "@/components/skip-to-main";
 
-export const Route = createFileRoute('/_authenticated')({
-  component: RouteComponent,
-})
+export const Route = createFileRoute("/_authenticated")({
+	component: RouteComponent
+});
 
 function RouteComponent() {
-  const defaultOpen = Cookies.get('sidebar:state') !== 'false'
-  return (
-    <SearchProvider>
-      <SidebarProvider defaultOpen={defaultOpen}>
-        <SkipToMain />
-        <AppSidebar />
-        <div
-          id='content'
-          className={cn(
-            'ml-auto w-full max-w-full',
-            'peer-data-[state=collapsed]:w-[calc(100%-var(--sidebar-width-icon)-1rem)]',
-            'peer-data-[state=expanded]:w-[calc(100%-var(--sidebar-width))]',
-            'transition-[width] duration-200 ease-linear',
-            'flex h-svh flex-col',
-            'group-data-[scroll-locked=1]/body:h-full',
-            'group-data-[scroll-locked=1]/body:has-[main.fixed-main]:h-svh'
-          )}
-        >
-          <Outlet />
-        </div>
-      </SidebarProvider>
-    </SearchProvider>
-  )
+	const defaultOpen = Cookies.get("sidebar:state") !== "false";
+	return (
+		<SearchProvider>
+			<SidebarProvider defaultOpen={defaultOpen}>
+				<SkipToMain />
+				<AppSidebar />
+				<div
+					id="content"
+					className={cn(
+						"ml-auto w-full max-w-full",
+						"peer-data-[state=collapsed]:w-[calc(100%-var(--sidebar-width-icon)-1rem)]",
+						"peer-data-[state=expanded]:w-[calc(100%-var(--sidebar-width))]",
+						"transition-[width] duration-200 ease-linear",
+						"flex h-svh flex-col",
+						"group-data-[scroll-locked=1]/body:h-full",
+						"group-data-[scroll-locked=1]/body:has-[main.fixed-main]:h-svh"
+					)}>
+					<Outlet />
+				</div>
+			</SidebarProvider>
+		</SearchProvider>
+	);
 }