switched to angular

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

@@ -0,0 +1,47 @@
+import { Component, signal } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { CommonModule } from '@angular/common';
+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';
+
+@Component({
+  selector: 'app-root',
+  imports: [
+    RouterOutlet, 
+    CommonModule,
+    MatSidenavModule,
+    MatToolbarModule,
+    MatButtonModule,
+    MatIconModule,
+    MatCardModule,
+    MatTabsModule,
+    MatChipsModule
+  ],
+  templateUrl: './app.html',
+  styleUrl: './app.scss'
+})
+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());
+  }
+}