Merge branch 'refactor'

client/src/app/App.tsx

@@ -1,37 +1,12 @@
-import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'
-import { MainLayout } from '@/app/layout/MainLayout'
+import { BrowserRouter } from 'react-router-dom'
 import { AppProviders } from '@/app/providers/AppProviders'
-import { AboutPage } from '@/pages/about'
-import { AdminLayoutPage } from '@/pages/admin-layout'
-import { AuthCallbackPage, AuthPage } from '@/pages/auth'
-import { CartPage } from '@/pages/cart'
-import { CheckoutPage } from '@/pages/checkout'
-import { HomePage } from '@/pages/home'
-import { InfoPage } from '@/pages/info'
-import { MeLayoutPage } from '@/pages/me'
-import { PrivacyPolicyPage } from '@/pages/privacy-policy'
-import { ProductPage } from '@/pages/product'
+import { AppRoutes } from '@/app/routes'
 
 export function App() {
   return (
     <AppProviders>
       <BrowserRouter>
-        <MainLayout>
-          <Routes>
-            <Route path="/" element={<HomePage />} />
-            <Route path="/admin/*" element={<AdminLayoutPage />} />
-            <Route path="/auth" element={<AuthPage />} />
-            <Route path="/auth/callback" element={<AuthCallbackPage />} />
-            <Route path="/cart" element={<CartPage />} />
-            <Route path="/checkout" element={<CheckoutPage />} />
-            <Route path="/about" element={<AboutPage />} />
-            <Route path="/info" element={<InfoPage />} />
-            <Route path="/privacy" element={<PrivacyPolicyPage />} />
-            <Route path="/me/*" element={<MeLayoutPage />} />
-            <Route path="/products/:id" element={<ProductPage />} />
-            <Route path="*" element={<Navigate to="/" replace />} />
-          </Routes>
-        </MainLayout>
+        <AppRoutes />
       </BrowserRouter>
     </AppProviders>
   )