[rewrite] Updated frontend structure and played with custom routes

frontend/src/routes/(auth)/500.tsx

@@ -1,6 +1,6 @@
-import { createFileRoute } from '@tanstack/react-router'
-import GeneralError from '@/features/errors/general-error'
+import { createFileRoute } from "@tanstack/react-router";
+import GeneralError from "@/pages/errors/general-error";
 
-export const Route = createFileRoute('/(auth)/500')({
-  component: GeneralError,
-})
+export const Route = createFileRoute("/(auth)/500")({
+	component: GeneralError
+});

frontend/src/routes/(auth)/forgot-password.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import ForgotPassword from '@/features/auth/forgot-password'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import ForgotPassword from "@/pages/auth/forgot-password";
 
-export const Route = createLazyFileRoute('/(auth)/forgot-password')({
-  component: ForgotPassword,
-})
+export const Route = createLazyFileRoute("/(auth)/forgot-password")({
+	component: ForgotPassword
+});

frontend/src/routes/(auth)/otp.tsx

@@ -1,6 +1,6 @@
-import { createFileRoute } from '@tanstack/react-router'
-import Otp from '@/features/auth/otp'
+import { createFileRoute } from "@tanstack/react-router";
+import Otp from "@/pages/auth/otp";
 
-export const Route = createFileRoute('/(auth)/otp')({
-  component: Otp,
-})
+export const Route = createFileRoute("/(auth)/otp")({
+	component: Otp
+});

frontend/src/routes/(auth)/sign-in-2.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SignIn2 from '@/features/auth/sign-in/sign-in-2'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import SignIn2 from "@/pages/auth/sign-in/sign-in-2";
 
-export const Route = createLazyFileRoute('/(auth)/sign-in-2')({
-  component: SignIn2,
-})
+export const Route = createLazyFileRoute("/(auth)/sign-in-2")({
+	component: SignIn2
+});

frontend/src/routes/(auth)/sign-in.tsx

@@ -1,6 +1,6 @@
-import { createFileRoute } from '@tanstack/react-router'
-import SignIn from '@/features/auth/sign-in'
+import { createFileRoute } from "@tanstack/react-router";
+import SignIn from "@/pages/auth/sign-in";
 
-export const Route = createFileRoute('/(auth)/sign-in')({
-  component: SignIn,
-})
+export const Route = createFileRoute("/(auth)/sign-in")({
+	component: SignIn
+});

frontend/src/routes/(auth)/sign-up.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SignUp from '@/features/auth/sign-up'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import SignUp from "@/pages/auth/sign-up";
 
-export const Route = createLazyFileRoute('/(auth)/sign-up')({
-  component: SignUp,
-})
+export const Route = createLazyFileRoute("/(auth)/sign-up")({
+	component: SignUp
+});

frontend/src/routes/(errors)/401.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import UnauthorisedError from '@/features/errors/unauthorized-error'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import UnauthorisedError from "@/pages/errors/unauthorized-error";
 
-export const Route = createLazyFileRoute('/(errors)/401')({
-  component: UnauthorisedError,
-})
+export const Route = createLazyFileRoute("/(errors)/401")({
+	component: UnauthorisedError
+});

frontend/src/routes/(errors)/403.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import ForbiddenError from '@/features/errors/forbidden'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import ForbiddenError from "@/pages/errors/forbidden";
 
-export const Route = createLazyFileRoute('/(errors)/403')({
-  component: ForbiddenError,
-})
+export const Route = createLazyFileRoute("/(errors)/403")({
+	component: ForbiddenError
+});

frontend/src/routes/(errors)/404.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import NotFoundError from '@/features/errors/not-found-error'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import NotFoundError from "@/pages/errors/not-found-error";
 
-export const Route = createLazyFileRoute('/(errors)/404')({
-  component: NotFoundError,
-})
+export const Route = createLazyFileRoute("/(errors)/404")({
+	component: NotFoundError
+});

frontend/src/routes/(errors)/500.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import GeneralError from '@/features/errors/general-error'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import GeneralError from "@/pages/errors/general-error";
 
-export const Route = createLazyFileRoute('/(errors)/500')({
-  component: GeneralError,
-})
+export const Route = createLazyFileRoute("/(errors)/500")({
+	component: GeneralError
+});

frontend/src/routes/(errors)/503.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import MaintenanceError from '@/features/errors/maintenance-error'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import MaintenanceError from "@/pages/errors/maintenance-error";
 
-export const Route = createLazyFileRoute('/(errors)/503')({
-  component: MaintenanceError,
-})
+export const Route = createLazyFileRoute("/(errors)/503")({
+	component: MaintenanceError
+});

frontend/src/routes/__root.tsx

@@ -1,28 +1,28 @@
-import { QueryClient } from '@tanstack/react-query'
-import { createRootRouteWithContext, Outlet } from '@tanstack/react-router'
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
-import { TanStackRouterDevtools } from '@tanstack/router-devtools'
-import { Toaster } from '@/components/ui/toaster'
-import GeneralError from '@/features/errors/general-error'
-import NotFoundError from '@/features/errors/not-found-error'
+import { QueryClient } from "@tanstack/react-query";
+import { createRootRouteWithContext, Outlet } from "@tanstack/react-router";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { TanStackRouterDevtools } from "@tanstack/router-devtools";
+import { Toaster } from "@/components/ui/toaster";
+import GeneralError from "@/pages/errors/general-error";
+import NotFoundError from "@/pages/errors/not-found-error";
 
 export const Route = createRootRouteWithContext<{
-  queryClient: QueryClient
+	queryClient: QueryClient;
 }>()({
-  component: () => {
-    return (
-      <>
-        <Outlet />
-        <Toaster />
-        {import.meta.env.MODE === 'development' && (
-          <>
-            <ReactQueryDevtools buttonPosition='bottom-left' />
-            <TanStackRouterDevtools position='bottom-right' />
-          </>
-        )}
-      </>
-    )
-  },
-  notFoundComponent: NotFoundError,
-  errorComponent: GeneralError,
-})
+	component: () => {
+		return (
+			<>
+				<Outlet />
+				<Toaster />
+				{import.meta.env.MODE === "development" && (
+					<>
+						<ReactQueryDevtools buttonPosition="bottom-left" />
+						<TanStackRouterDevtools position="bottom-right" />
+					</>
+				)}
+			</>
+		);
+	},
+	notFoundComponent: NotFoundError,
+	errorComponent: GeneralError
+});

frontend/src/routes/_authenticated/apps/index.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import Apps from '@/features/apps'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Apps from "@/pages/apps";
 
-export const Route = createLazyFileRoute('/_authenticated/apps/')({
-  component: Apps,
-})
+export const Route = createLazyFileRoute("/_authenticated/apps/")({
+	component: Apps
+});

frontend/src/routes/_authenticated/chats/index.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import Chats from '@/features/chats'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Chats from "@/pages/chats";
 
-export const Route = createLazyFileRoute('/_authenticated/chats/')({
-  component: Chats,
-})
+export const Route = createLazyFileRoute("/_authenticated/chats/")({
+	component: Chats
+});

frontend/src/routes/_authenticated/help-center/index.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import ComingSoon from '@/components/coming-soon'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import ComingSoon from "@/components/coming-soon";
 
-export const Route = createLazyFileRoute('/_authenticated/help-center/')({
-  component: ComingSoon,
-})
+export const Route = createLazyFileRoute("/_authenticated/help-center/")({
+	component: ComingSoon
+});

frontend/src/routes/_authenticated/index.tsx

@@ -1,6 +1,6 @@
-import { createFileRoute } from '@tanstack/react-router'
-import Dashboard from '@/features/dashboard'
+import { createFileRoute } from "@tanstack/react-router";
+import Dashboard from "@/pages/dashboard";
 
-export const Route = createFileRoute('/_authenticated/')({
-  component: Dashboard,
-})
+export const Route = createFileRoute("/_authenticated/")({
+	component: Dashboard
+});

frontend/src/routes/_authenticated/nba/index.lazy.tsx

@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Nba from "@/pages/nba";
+
+export const Route = createLazyFileRoute("/_authenticated/nba/")({
+    component: Nba
+});

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>
+	);
 }

frontend/src/routes/_authenticated/settings/account.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SettingsAccount from '@/features/settings/account'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import SettingsAccount from "@/pages/settings/account";
 
-export const Route = createLazyFileRoute('/_authenticated/settings/account')({
-  component: SettingsAccount,
-})
+export const Route = createLazyFileRoute("/_authenticated/settings/account")({
+	component: SettingsAccount
+});

frontend/src/routes/_authenticated/settings/appearance.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SettingsAppearance from '@/features/settings/appearance'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import SettingsAppearance from "@/pages/settings/appearance";
 
-export const Route = createLazyFileRoute('/_authenticated/settings/appearance')(
-  { component: SettingsAppearance }
-)
+export const Route = createLazyFileRoute("/_authenticated/settings/appearance")(
+	{ component: SettingsAppearance }
+);

frontend/src/routes/_authenticated/settings/display.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SettingsDisplay from '@/features/settings/display'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import SettingsDisplay from "@/pages/settings/display";
 
-export const Route = createLazyFileRoute('/_authenticated/settings/display')({
-  component: SettingsDisplay,
-})
+export const Route = createLazyFileRoute("/_authenticated/settings/display")({
+	component: SettingsDisplay
+});

frontend/src/routes/_authenticated/settings/index.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SettingsProfile from '@/features/settings/profile'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import SettingsProfile from "@/pages/settings/profile";
 
-export const Route = createLazyFileRoute('/_authenticated/settings/')({
-  component: SettingsProfile,
-})
+export const Route = createLazyFileRoute("/_authenticated/settings/")({
+	component: SettingsProfile
+});

frontend/src/routes/_authenticated/settings/notifications.lazy.tsx

@@ -1,8 +1,8 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import SettingsNotifications from '@/features/settings/notifications'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import SettingsNotifications from "@/pages/settings/notifications";
 
 export const Route = createLazyFileRoute(
-  '/_authenticated/settings/notifications'
+	"/_authenticated/settings/notifications"
 )({
-  component: SettingsNotifications,
-})
+	component: SettingsNotifications
+});

frontend/src/routes/_authenticated/settings/route.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import Settings from '@/features/settings'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Settings from "@/pages/settings";
 
-export const Route = createLazyFileRoute('/_authenticated/settings')({
-  component: Settings,
-})
+export const Route = createLazyFileRoute("/_authenticated/settings")({
+	component: Settings
+});

frontend/src/routes/_authenticated/tasks/index.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import Tasks from '@/features/tasks'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Tasks from "@/pages/tasks";
 
-export const Route = createLazyFileRoute('/_authenticated/tasks/')({
-  component: Tasks,
-})
+export const Route = createLazyFileRoute("/_authenticated/tasks/")({
+	component: Tasks
+});

frontend/src/routes/_authenticated/users/index.lazy.tsx

@@ -1,6 +1,6 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
-import Users from '@/features/users'
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Users from "@/pages/users";
 
-export const Route = createLazyFileRoute('/_authenticated/users/')({
-  component: Users,
-})
+export const Route = createLazyFileRoute("/_authenticated/users/")({
+	component: Users
+});