no-copy-frontend/src/app/pages/dashboard/page.tsx

import { Metadata } from 'next';
import { Suspense } from 'react';
import ButtonTest from '@/app/ui/button-test'
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 RecentFilesList from '@/app/ui/dashboard/recent-files-list';
import ChartContainer from '@/app/ui/dashboard/chart-container';
import UserInfo from '@/app/ui/dashboard/user-info';

export const metadata: Metadata = {
	title: 'Dashboard',
};

export default function Home() {
	return (
		<div>
			<main>
				<Suspense fallback={<>...</>}>
					<h1 className="page-title">Статистика</h1>
					<ProtectionOverview />
					<StatsGrid />
					<div className="extended-stats-grid">
						<StorageBreakdown />
						<RecentFilesList />
					</div>
					<div className="charts-section">
						<ChartContainer/>
						<UserInfo/>
					</div>
					{/* <ButtonTest /> */}
				</Suspense>
			</main>
		</div>
	);
}