Implemented responsive layout system with: - Header: Top navigation with profile menu and mobile hamburger - Sidebar: Desktop-only navigation sidebar (lg and above) - Breadcrumbs: Auto-generated navigation breadcrumbs - Layout: Main wrapper component with configurable options Features: - Responsive design (mobile, tablet, desktop) - Active route highlighting - User profile integration via auth store - Click-outside dropdown closing - Comprehensive test coverage (49 tests passing) Updated (main) layout to use new Layout component system. Updated dashboard page to work with new layout structure. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
17 lines
425 B
TypeScript
17 lines
425 B
TypeScript
'use client';
|
|
|
|
import { ReactNode } from 'react';
|
|
import { Layout } from '@/components/Layout';
|
|
|
|
/**
|
|
* Main App Layout
|
|
*
|
|
* Wraps all authenticated pages with the Layout component.
|
|
* Provides consistent navigation, header, and sidebar.
|
|
*
|
|
* This layout applies to all routes under (main) route group.
|
|
*/
|
|
export default function MainLayout({ children }: { children: ReactNode }) {
|
|
return <Layout>{children}</Layout>;
|
|
}
|