bug fix

src/App.tsx

@@ -33,6 +33,7 @@ import UserDetail from "@/pages/users/ui/UserDetail";
 import { getMe } from "@/shared/config/api/auth/api";
 import "@/shared/config/i18n";
 import { getAuthToken } from "@/shared/lib/authCookies";
+import { cn } from "@/shared/lib/utils";
 import { Sidebar } from "@/widgets/sidebar/ui/Sidebar";
 import { useQuery } from "@tanstack/react-query";
 import { useEffect } from "react";
@@ -77,47 +78,54 @@ const App = () => {
       <div className="flex max-lg:flex-col bg-gray-900">
         {shouldShowSidebar && <Sidebar role={user ? user.role : "admin"} />}
 
-        <Routes>
-          <Route path="/" element={<Navigate to={"/user"} />} />
-          <Route path="/user" element={<UserList />} />
-          <Route path="/login" element={<Login />} />
-          <Route path="/users/create" element={<CreateUser />} />
-          <Route path="/users/:id/edit" element={<EditUser />} />
-          <Route path="/users/:id/" element={<UserDetail />} />
-          <Route path="/agencies" element={<Agencies />} />
-          <Route path="/agencies/:id" element={<AgencyDetail />} />
-          <Route path="/agency/:id/edit" element={<EditAgecy />} />
-          <Route path="/tours/:id" element={<TourDetail />} />
-          <Route path="/employees" element={<Employees />} />
-          <Route
-            path="/finance"
-            element={<FinancePage user={user ? user.role : "moderator"} />}
-          />
-          <Route path="/purchases/:id/" element={<PurchaseDetailPage />} />
-          <Route path="/travel/booking/:id/" element={<FinanceDetailTour />} />
-          <Route path="/bookings/:id/" element={<FinanceDetailUsers />} />
-          <Route
-            path="/tours"
-            element={<Tours user={user ? user.role : "moderator"} />}
-          />
-          <Route path="/tours/setting" element={<ToursSetting />} />
-          <Route path="/tours/:id/edit" element={<CreateEditTour />} />
-          <Route path="/tours/create" element={<CreateEditTour />} />
-          <Route path="/bookings" element={<Bookings />} />
-          <Route path="/news" element={<News />} />
-          <Route path="/news/add" element={<AddNews />} />
-          <Route path="/news/edit/:id" element={<AddNews />} />
-          <Route path="/news/categories" element={<NewsCategory />} />
-          <Route path="/faq" element={<Faq />} />
-          <Route path="/faq/categories" element={<FaqCategory />} />
-          <Route path="/support/tours" element={<SupportAgency />} />
-          <Route path="/support/user" element={<SupportTours />} />
-          <Route path="/site-seo" element={<Seo />} />
-          <Route path="/site-pages/" element={<SitePage />} />
-          <Route path="/site-help/" element={<PolicyCrud />} />
-          <Route path="/site-settings/" element={<TourSettings />} />
-          <Route path="/site-banner/" element={<SiteBannerAdmin />} />
-        </Routes>
+        <main
+          className={cn(
+            "flex-1 min-h-screen bg-gray-900 transition-all",
+            shouldShowSidebar ? "lg:ml-64" : "ml-0"
+          )}
+        >
+          <Routes>
+            <Route path="/" element={<Navigate to={"/user"} />} />
+            <Route path="/user" element={<UserList />} />
+            <Route path="/login" element={<Login />} />
+            <Route path="/users/create" element={<CreateUser />} />
+            <Route path="/users/:id/edit" element={<EditUser />} />
+            <Route path="/users/:id/" element={<UserDetail />} />
+            <Route path="/agencies" element={<Agencies />} />
+            <Route path="/agencies/:id" element={<AgencyDetail />} />
+            <Route path="/agency/:id/edit" element={<EditAgecy />} />
+            <Route path="/tours/:id" element={<TourDetail />} />
+            <Route path="/employees" element={<Employees />} />
+            <Route
+              path="/finance"
+              element={<FinancePage user={user ? user.role : "moderator"} />}
+            />
+            <Route path="/purchases/:id/" element={<PurchaseDetailPage />} />
+            <Route path="/travel/booking/:id/" element={<FinanceDetailTour />} />
+            <Route path="/bookings/:id/" element={<FinanceDetailUsers />} />
+            <Route
+              path="/tours"
+              element={<Tours user={user ? user.role : "moderator"} />}
+            />
+            <Route path="/tours/setting" element={<ToursSetting />} />
+            <Route path="/tours/:id/edit" element={<CreateEditTour />} />
+            <Route path="/tours/create" element={<CreateEditTour />} />
+            <Route path="/bookings" element={<Bookings />} />
+            <Route path="/news" element={<News />} />
+            <Route path="/news/add" element={<AddNews />} />
+            <Route path="/news/edit/:id" element={<AddNews />} />
+            <Route path="/news/categories" element={<NewsCategory />} />
+            <Route path="/faq" element={<Faq />} />
+            <Route path="/faq/categories" element={<FaqCategory />} />
+            <Route path="/support/tours" element={<SupportAgency />} />
+            <Route path="/support/user" element={<SupportTours />} />
+            <Route path="/site-seo" element={<Seo />} />
+            <Route path="/site-pages/" element={<SitePage />} />
+            <Route path="/site-help/" element={<PolicyCrud />} />
+            <Route path="/site-settings/" element={<TourSettings />} />
+            <Route path="/site-banner/" element={<SiteBannerAdmin />} />
+          </Routes>
+        </main>
       </div>
     </>
   );