profile page ui complated

src/widgets/cabinet/ui/index.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import dynamic from 'next/dynamic';
 import { AnimatePresence, motion } from 'framer-motion';
 import { Sidebar } from './Sidebar';
+import { CabinetNav } from './CabinetNav';
 import { Dashboard } from './dashboard';
 import { useCabinet } from '../lib/hooks/useCabinet';
 import {
@@ -91,7 +92,7 @@ export const CabinetLayout: React.FC = () => {
   const fullName = `${MOCK_USER.name} ${MOCK_USER.surname}`;
 
   return (
-    <div className="flex border-t min-h-screen">
+    <div className="flex bg-slate-50 min-h-screen">
       <Sidebar
         active={activeSection}
         onNavigate={navigate}
@@ -101,6 +102,8 @@ export const CabinetLayout: React.FC = () => {
       />
 
       <div className="flex-1 flex flex-col min-w-0">
+        <CabinetNav activeSection={activeSection} onMenuClick={toggleSidebar} />
+
         <main className="flex-1 p-4 md:p-6 lg:p-8 max-w-6xl mx-auto w-full">
           <AnimatePresence mode="wait">
             <motion.div key={activeSection} {...FADE}>