fix(frontend)

frontend/src/pages/Main.jsx

@@ -1,7 +1,6 @@
 import { useEffect, useState } from "react";
 import * as api from "../api"; // Импортируем все функции из api/index.js
-import Header from "../components/Header";
-import Footer from "../components/Footer";
+import PageLayout from "../components/PageLayout";
 
 export default function Dashboard() {
   const [items, setItems] = useState([]);
@@ -18,9 +17,8 @@ export default function Dashboard() {
   }, []);
 
   return (
-    <div>
-      <Header />
-      <div className="p-4 flex flex-col w-full gap-4">
+    <PageLayout>
+      <main className="p-16 grow w-full gap-4">
         {Array.isArray(items) &&
           items.map((item) => (
             <div
@@ -45,8 +43,7 @@ export default function Dashboard() {
               </div>
             </div>
           ))}
-      </div>
-      <Footer />
-    </div>
+      </main>
+    </PageLayout>
   );
 }