[rewrite] Updated frontend structure and played with custom routes

frontend/src/components/layout/app-sidebar.tsx

@@ -1,30 +1,30 @@
 import {
-  Sidebar,
-  SidebarContent,
-  SidebarFooter,
-  SidebarHeader,
-  SidebarRail,
-} from '@/components/ui/sidebar'
-import { NavGroup } from '@/components/layout/nav-group'
-import { NavUser } from '@/components/layout/nav-user'
-import { TeamSwitcher } from '@/components/layout/team-switcher'
-import { sidebarData } from './data/sidebar-data'
+	Sidebar,
+	SidebarContent,
+	SidebarFooter,
+	SidebarHeader,
+	SidebarRail
+} from "@/components/ui/sidebar";
+import { NavGroup } from "@/components/layout/nav-group";
+import { NavUser } from "@/components/layout/nav-user";
+import { TeamSwitcher } from "@/components/layout/team-switcher";
+import { sidebarData } from "./data/sidebar-data";
 
 export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
-  return (
-    <Sidebar collapsible='icon' variant='floating' {...props}>
-      <SidebarHeader>
-        <TeamSwitcher teams={sidebarData.teams} />
-      </SidebarHeader>
-      <SidebarContent>
-        {sidebarData.navGroups.map((props) => (
-          <NavGroup key={props.title} {...props} />
-        ))}
-      </SidebarContent>
-      <SidebarFooter>
-        <NavUser user={sidebarData.user} />
-      </SidebarFooter>
-      <SidebarRail />
-    </Sidebar>
-  )
+	return (
+		<Sidebar collapsible="icon" variant="floating" {...props}>
+			<SidebarHeader>
+				<TeamSwitcher teams={sidebarData.teams} />
+			</SidebarHeader>
+			<SidebarContent>
+				{sidebarData.navGroups.map((props) => (
+					<NavGroup key={props.title} {...props} />
+				))}
+			</SidebarContent>
+			<SidebarFooter>
+				<NavUser user={sidebarData.user} />
+			</SidebarFooter>
+			<SidebarRail />
+		</Sidebar>
+	);
 }