Refactor desktop app into separate client and proxy apps

apps/yaak-client/routes/__root.tsx

@@ -0,0 +1,50 @@
+import { QueryClientProvider } from '@tanstack/react-query';
+import { createRootRoute, Outlet } from '@tanstack/react-router';
+import { type } from '@tauri-apps/plugin-os';
+import classNames from 'classnames';
+import { Provider as JotaiProvider } from 'jotai';
+import { LazyMotion, MotionConfig } from 'motion/react';
+import { lazy, Suspense } from 'react';
+import { GlobalHooks } from '../components/GlobalHooks';
+import RouteError from '../components/RouteError';
+import { jotaiStore } from '../lib/jotai';
+import { queryClient } from '../lib/queryClient';
+
+const Toasts = lazy(() => import('../components/Toasts').then((m) => ({ default: m.Toasts })));
+const Dialogs = lazy(() => import('../components/Dialogs').then((m) => ({ default: m.Dialogs })));
+
+export const Route = createRootRoute({
+  component: RouteComponent,
+  errorComponent: RouteError,
+});
+
+const motionFeatures = () => import('framer-motion').then((mod) => mod.domAnimation);
+
+function RouteComponent() {
+  return (
+    <JotaiProvider store={jotaiStore}>
+      <QueryClientProvider client={queryClient}>
+        <LazyMotion strict features={motionFeatures}>
+          <MotionConfig transition={{ duration: 0.1 }}>
+            <Suspense>
+              <Toasts />
+              <Dialogs />
+            </Suspense>
+            <Layout />
+            <GlobalHooks />
+          </MotionConfig>
+        </LazyMotion>
+      </QueryClientProvider>
+    </JotaiProvider>
+  );
+}
+
+function Layout() {
+  return (
+    <div
+      className={classNames('w-full h-full', type() === 'linux' && 'border border-border-subtle')}
+    >
+      <Outlet />
+    </div>
+  );
+}