WellNuo/web/app/(main)/layout.tsx
Sergei 1628501e75 Add Layout components for web application
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>
2026-01-31 18:20:13 -08:00

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>;
}