change dashboard layout

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

@@ -2,11 +2,8 @@ import { Metadata } from 'next';
 import { Suspense } from 'react';
 import ProtectionOverview from '@/app/ui/dashboard/protection-overview';
 import StatsGrid from '@/app/ui/dashboard/stats-grid';
-import StorageBreakdown from '@/app/ui/dashboard/storage-breakdown';
-import ChartContainer from '@/app/ui/dashboard/chart-container';
-import ViolationsTable from '@/app/ui/dashboard/violations-table';
-import ViolationsTypeTable from '@/app/ui/dashboard/violations-type-table';
 import { useTranslations } from 'next-intl';
+import  FilesTable from '@/app/ui/dashboard/files-table';
 
 export const metadata: Metadata = {
 	title: 'Dashboard',
@@ -23,10 +20,7 @@ export default function Page() {
 				</h1>
 				<ProtectionOverview />
 				<StatsGrid />
-				<StorageBreakdown />
-				<ChartContainer />
-				<ViolationsTable />
-				<ViolationsTypeTable />
+				<FilesTable />
 			</Suspense>
 		</div>
 	);

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

@@ -19,9 +19,9 @@ export default async function Layout({ children }: { children: React.ReactNode }
 		<div className="flex">
 			<HydrationBoundary state={dehydrate(queryClient)}>
 				<NavLinks />
-				<div className={`${styles['main-containter']}`}>
+				<div className={`${styles['main-containter-wrapper']}`}>
 					<HeaderPanel />
-					<main>
+					<main className={`${styles['main-containter']}`}>
 						{children}
 					</main>
 				</div>