refactor: Consolidate global styling with Tailwind and HeroUI theme variables and refactor devtools integration.

src/router.tsx

@@ -1,24 +1,30 @@
-import { createRouter as createTanStackRouter } from '@tanstack/react-router'
-import { routeTree } from './routeTree.gen'
-
-import { getContext } from './integrations/tanstack-query/root-provider'
+import { QueryClient } from "@tanstack/react-query"
+import { createRouter as createTanStackRouter } from "@tanstack/react-router"
+import { setupRouterSsrQueryIntegration } from "@tanstack/react-router-ssr-query"
+import { routeTree } from "./routeTree.gen"
 
 export function getRouter() {
-  const router = createTanStackRouter({
-    routeTree,
+	const queryClient = new QueryClient()
+	const router = createTanStackRouter({
+		routeTree,
+		context: {
+			queryClient
+		},
+		scrollRestoration: true,
+		defaultPreload: "intent",
+		defaultPreloadStaleTime: 0
+	})
 
-    context: getContext(),
+	setupRouterSsrQueryIntegration({
+		router,
+		queryClient
+	})
 
-    scrollRestoration: true,
-    defaultPreload: 'intent',
-    defaultPreloadStaleTime: 0,
-  })
-
-  return router
+	return router
 }
 
-declare module '@tanstack/react-router' {
-  interface Register {
-    router: ReturnType<typeof getRouter>
-  }
+declare module "@tanstack/react-router" {
+	interface Register {
+		router: ReturnType<typeof getRouter>
+	}
 }