[rewrite] Added shadcn ui to frontend and slightly tweaked backend

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

frontend/src/routes/__root.tsx

@@ -0,0 +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'
+
+export const Route = createRootRouteWithContext<{
+  queryClient: QueryClient
+}>()({
+  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

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

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

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

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

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

frontend/src/routes/_authenticated/index.tsx

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

frontend/src/routes/_authenticated/route.tsx

@@ -0,0 +1,37 @@
+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,
+})
+
+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>
+  )
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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