edit layout for small resolution screens

src/app/[locale]/pages/layout.tsx

@@ -1,4 +1,4 @@
-import NavLinks from '@/app/ui/nav-links'
+import NavLinks from '@/app/ui/navigation/nav-links'
 import HeaderPanel from '@/app/ui/header/headerPanel';
 import { getQueryClient } from '@/app/providers/getQueryClient';
 import { HydrationBoundary, dehydrate } from '@tanstack/react-query';

src/app/[locale]/pages/violations/page.tsx

@@ -18,7 +18,7 @@ export default function Page() {
 			<ViolationsMyCases />
 			<ViolationsCheckAllSection />
 			<ViolationsTable />
-			<div className="grid grid-cols-2 mb-[30px] gap-[20px]">
+			<div className="dashboard-main-grid">
 				<DashboardPlatformsList />
 				<DahboardGeographySection />
 			</div>