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

24 lines
607 B
TypeScript

'use client';
/**
* Dashboard Page
*
* Main dashboard showing overview of beneficiaries and sensor status.
*/
export default function DashboardPage() {
return (
<div>
<div className="mb-6">
<h1 className="text-3xl font-bold text-slate-900">Dashboard</h1>
<p className="mt-2 text-slate-600">
Monitor your loved ones and manage their health sensors
</p>
</div>
<div className="rounded-lg border border-slate-200 bg-white p-8 text-center">
<p className="text-slate-600">Dashboard content coming soon...</p>
</div>
</div>
);
}