Bug Fixes

counter-frontend/src/App.tsx

@@ -1,4 +1,5 @@
 import React, { lazy, Suspense } from 'react';
+import { MotionConfig } from 'framer-motion';
 import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
 import Layout from './components/Layout';
 
@@ -24,24 +25,26 @@ const LoadingFallback = () => (
 
 function App() {
   return (
-    <Router>
-      <Suspense fallback={<LoadingFallback />}>
-        <Routes>
-          <Route path="/login" element={<Login />} />
-          <Route path="/" element={
-            <ProtectedRoute>
-              <Layout />
-            </ProtectedRoute>
-          }>
-            <Route index element={<Navigate to="/pos" replace />} />
-            <Route path="pos" element={<POS />} />
-            <Route path="orders" element={<Orders />} />
-            <Route path="categories" element={<Categories />} />
-            <Route path="products" element={<Products />} />
-          </Route>
-        </Routes>
-      </Suspense>
-    </Router>
+    <MotionConfig skipAnimations={true}>
+      <Router>
+        <Suspense fallback={<LoadingFallback />}>
+          <Routes>
+            <Route path="/login" element={<Login />} />
+            <Route path="/" element={
+              <ProtectedRoute>
+                <Layout />
+              </ProtectedRoute>
+            }>
+              <Route index element={<Navigate to="/pos" replace />} />
+              <Route path="pos" element={<POS />} />
+              <Route path="orders" element={<Orders />} />
+              <Route path="categories" element={<Categories />} />
+              <Route path="products" element={<Products />} />
+            </Route>
+          </Routes>
+        </Suspense>
+      </Router>
+    </MotionConfig>
   );
 }