Better code splitting and removed final instances of react-dnd

src-web/routes/__root.tsx

@@ -3,36 +3,35 @@ 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 { domAnimation, LazyMotion, MotionConfig } from 'motion/react';
-import React, { Suspense } from 'react';
-import { DndProvider } from 'react-dnd';
-import { TouchBackend } from 'react-dnd-touch-backend';
-import { Dialogs } from '../components/Dialogs';
+import { LazyMotion, MotionConfig } from 'motion/react';
+import React, { lazy, Suspense } from 'react';
 import { GlobalHooks } from '../components/GlobalHooks';
 import RouteError from '../components/RouteError';
-import { Toasts } from '../components/Toasts';
 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 features={domAnimation}>
+        <LazyMotion strict features={motionFeatures}>
           <MotionConfig transition={{ duration: 0.1 }}>
-            <DndProvider backend={TouchBackend} options={{ enableMouseEvents: true }}>
-              <Suspense>
-                <GlobalHooks />
-                <Toasts />
-                <Dialogs />
-                <Layout />
-              </Suspense>
-            </DndProvider>
+            <Suspense>
+              <Toasts />
+              <Dialogs />
+            </Suspense>
+            <Layout />
+            <GlobalHooks />
           </MotionConfig>
         </LazyMotion>
       </QueryClientProvider>