add header

src/app/pages/dashboard/page.tsx

@@ -1,5 +1,7 @@
 import { Metadata } from 'next';
-import Button from '@/app/ui/button'
+import { Suspense } from 'react';
+import ButtonTest from '@/app/ui/button-test'
+import ProtectionOverview from '@/app/ui/dashboard/protection-overview';
 
 export const metadata: Metadata = {
 	title: 'Dashboard',
@@ -9,10 +11,11 @@ export default function Home() {
 	return (
 		<div>
 			<main>
-				<div>
-					Dashboard
-				</div>
-				<Button/>
+				<Suspense fallback={<>...</>}>
+					<h1 className="page-title">Статистика</h1>
+					<ProtectionOverview/>
+					{/* <ButtonTest /> */}
+				</Suspense>
 			</main>
 		</div>
 	);

src/app/pages/layout.tsx

@@ -1,11 +1,17 @@
 import NavLinks from '@/app/ui/nav-links'
 import styles from '@/app/page.module.scss'
+import HeaderPanel from '../ui/header/headerPanel';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
 	return (
 		<div className="flex">
 			<NavLinks />
-			<div className={`${styles.mainContainter}`}>{children}</div>
+			<div className={`${styles.mainContainter}`}>
+				<HeaderPanel />
+				<main>
+					{children}
+				</main>
+			</div>
 		</div>
 	);
 }