feat: add coming soon page in broken pages

src/components/coming-soon.tsx

@@ -0,0 +1,16 @@
+import { IconPlanet } from '@tabler/icons-react'
+
+export default function ComingSoon() {
+  return (
+    <div className='h-svh'>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
+        <IconPlanet size={72} />
+        <h1 className='text-4xl font-bold leading-tight'>Coming Soon 👀</h1>
+        <p className='text-center text-muted-foreground'>
+          This page has not been created yet. <br />
+          Stay tuned though!
+        </p>
+      </div>
+    </div>
+  )
+}

src/data/sidelinks.tsx

@@ -82,9 +82,9 @@ export const sidelinks: SideLink[] = [
     ],
   },
   {
-    title: 'Partners',
+    title: 'Users',
     label: '',
-    href: '/partners',
+    href: '/users',
     icon: <IconUsers size={18} />,
   },
   {

src/router.tsx

@@ -51,6 +51,24 @@ const router = createBrowserRouter([
           Component: (await import('./pages/tasks')).default,
         }),
       },
+      {
+        path: 'chats',
+        lazy: async () => ({
+          Component: (await import('@/components/coming-soon')).default,
+        }),
+      },
+      {
+        path: 'users',
+        lazy: async () => ({
+          Component: (await import('@/components/coming-soon')).default,
+        }),
+      },
+      {
+        path: 'analysis',
+        lazy: async () => ({
+          Component: (await import('@/components/coming-soon')).default,
+        }),
+      },
       {
         path: 'settings',
         lazy: async () => ({