Floating sidebar refactor

apps/yaak-proxy/main.tsx

@@ -1,5 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { createStore, Provider } from 'jotai';
+import { LazyMotion, MotionConfig } from 'motion/react';
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { ProxyLayout } from './components/ProxyLayout';
@@ -26,11 +27,17 @@ listen('model_write', (payload) => {
   );
 });
 
+const motionFeatures = () => import('framer-motion').then((mod) => mod.domAnimation);
+
 createRoot(document.getElementById('root') as HTMLElement).render(
   <StrictMode>
     <QueryClientProvider client={queryClient}>
       <Provider store={jotaiStore}>
-        <ProxyLayout />
+        <LazyMotion strict features={motionFeatures}>
+          <MotionConfig transition={{ duration: 0.1 }}>
+            <ProxyLayout />
+          </MotionConfig>
+        </LazyMotion>
       </Provider>
     </QueryClientProvider>
   </StrictMode>,