feat: Restructure UI with navigation and separate pages

- Add Navigation component with clean tab-based navigation
- Create StatusOverview component for main dashboard indicators
- Split functionality into separate pages:
  * Overview page with status and quick actions
  * Analysis page for AI analysis
  * Trading page for manual trading and history
  * Automation page for auto-trading settings
  * Settings page for developer configuration
- Add React dependencies to package.json
- Maintain clean separation of concerns
This commit is contained in:
mindesbunister
2025-07-14 00:21:44 +02:00
parent 4b9e52278a
commit 3c988b47f2
10 changed files with 366 additions and 12 deletions

View File

@@ -1,5 +1,6 @@
import './globals.css'
import type { Metadata } from 'next'
import Navigation from '../components/Navigation'
export const metadata: Metadata = {
title: 'Trading Bot Dashboard',
@@ -44,6 +45,9 @@ export default function RootLayout({ children }: { children: React.ReactNode })
</div>
</header>
{/* Navigation */}
<Navigation />
{/* Main Content */}
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
{children}