migrate to tanstack/react-router

@types/index.d.ts

@@ -4,4 +4,5 @@
 /// <reference path="./mantine.d.ts" />
 /// <reference path="./svg.d.ts" />
 /// <reference path="./vite-env.d.ts" />
+/// <reference path="./router.d.ts" />
 /// <reference types="@total-typescript/ts-reset" />

@types/router.d.ts

@@ -0,0 +1,10 @@
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof import('../app/main').router;
+  }
+  type AllRouteIds = import('@tanstack/react-router').RouteIds<
+    typeof import('../app/routeTree.gen').routeTree
+  >;
+}
+
+export {};

app/main.tsx

@@ -1,27 +1,38 @@
-import 'dayjs/locale/fa';
 import '@camp/zod-addons/monkey-patch';
+import 'dayjs/locale/fa';
 
-import { ApolloProvider } from '@camp/api-client';
-import { AuthProvider } from '@camp/auth';
 import { config } from '@camp/config';
 import { debug, DebugScopes } from '@camp/debug';
-import { ThemeProvider } from '@camp/design';
+import type { AllRouteIds } from '@camp/router';
+import { createRouter, RouterProvider } from '@camp/router';
 import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 
-import { Routes } from './Routes';
+import { routeTree } from './routeTree.gen';
+
+export interface RouterContext {
+  getTitle: (to: AllRouteIds) => string;
+}
+
+export const router = createRouter({
+  routeTree,
+  context: {
+    getTitle: x => {
+      const routeTitles: Partial<Record<AllRouteIds, string>> = {
+        '/dashboard/_layout/households/_layout': 'خانوار',
+        '/dashboard/_layout/households/_layout/$householdId': 'خانواده',
+      };
+
+      return routeTitles[x] ?? '';
+    },
+  },
+});
 
 const root = ReactDOM.createRoot(document.getElementById('root')!);
 debug.log(DebugScopes.All, config);
 
 root.render(
   <StrictMode>
-    <AuthProvider>
-      <ApolloProvider>
-        <ThemeProvider>
-          <Routes />
-        </ThemeProvider>
-      </ApolloProvider>
-    </AuthProvider>
+    <RouterProvider router={router} />
   </StrictMode>,
 );