added base dashboard

apps/interface-services/trading-dashboard/src/app/app.ts

@@ -5,9 +5,8 @@ import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { MatCardModule } from '@angular/material/card';
-import { MatTabsModule } from '@angular/material/tabs';
 import { MatChipsModule } from '@angular/material/chips';
+import { SidebarComponent } from './components/sidebar/sidebar.component';
 
 @Component({
   selector: 'app-root',
@@ -18,30 +17,22 @@ import { MatChipsModule } from '@angular/material/chips';
     MatToolbarModule,
     MatButtonModule,
     MatIconModule,
-    MatCardModule,
-    MatTabsModule,
-    MatChipsModule
+    MatChipsModule,
+    SidebarComponent
   ],
   templateUrl: './app.html',
-  styleUrl: './app.scss'
+  styleUrl: './app.css'
 })
 export class App {
   protected title = 'Trading Dashboard';
   protected sidenavOpened = signal(true);
   
-  // Mock data for the dashboard
-  protected marketData = signal([
-    { symbol: 'AAPL', price: 192.53, change: 2.41, changePercent: 1.27 },
-    { symbol: 'GOOGL', price: 138.21, change: -1.82, changePercent: -1.30 },
-    { symbol: 'MSFT', price: 378.85, change: 4.12, changePercent: 1.10 },
-    { symbol: 'TSLA', price: 248.42, change: -3.21, changePercent: -1.28 },
-  ]);
-  
-  protected portfolioValue = signal(125420.50);
-  protected dayChange = signal(2341.20);
-  protected dayChangePercent = signal(1.90);
-  
   toggleSidenav() {
     this.sidenavOpened.set(!this.sidenavOpened());
   }
+
+  onNavigationClick(route: string) {
+    // Handle navigation if needed
+    console.log('Navigating to:', route);
+  }
 }