Live L2 Order Book + Trade Tape visualization (Bookmap-style)

New components:
  - hyperliquid-ws.ts: WebSocket hook for Hyperliquid L2 + trades
    - Auto-reconnect, ring buffer (500 trades)
    - Computes imbalance, total bid/ask volume, mid, spread
    - Type-safe interfaces: L2Snapshot, TradeTapeEntry

  - orderbook-depth-map.tsx: Dual-panel Canvas 2D visualization
    - Top panel (~55%): L2 volume profile histogram
      - Green bid bars (#00C853), red ask bars (#FF1744)
      - Yellow mid line (#FFEB3B) with floating price labels
      - Price axis, volume scale, orange mid marker
      - Quant overlay system: fair value, VWAP, signals
    - Bottom panel (~45%): Live trade tape
      - Amber trade path (#FFAB00)
      - Buy/sell markers (green/red dots sized by trade size)
      - Latest trade callout with side + price
    - Dark theme (#000000), monospace fonts, zero flicker

Integration:
  - Added to all strategy detail views (live tab only)
  - Renders below trade history table
  - WebSocket connects on mount, reconnects on error

Visual specification per user request:
  - Bid/ask bars: neon green/red on pure black
  - Mid line: yellow dashed with floating labels
  - Trade path: amber staircase with colored markers
  - No grid clutter, professional trading terminal aesthetic

dashboard-next/src/app/page.tsx

@@ -12,6 +12,7 @@ import { StrategyCard } from "@/components/strategy-card";
 import { EquityChart } from "@/components/equity-chart";
 import { PositionsPanel } from "@/components/positions-panel";
 import { OBIDetail } from "@/components/obi-detail";
+import OrderBookDepthMap from "@/components/orderbook-depth-map";
 import { useLiveMetrics, usePaperMetrics, fetchHistorical, fetchBacktestDetail, recalcBacktest } from "@/lib/api";
 import type { Strategy, BacktestSummary, BacktestFull, Trade, Position, Order } from "@/lib/types";
 
@@ -274,6 +275,12 @@ export default function Dashboard() {
               <p className="text-xs text-muted-foreground text-center py-12">No trades recorded yet</p>
             )}
           </div>
+          {/* Live L2 Order Book + Trade Tape (all strategies, live tab only) */}
+          {detailTab === "live" && (
+            <div className="mt-6">
+              <OrderBookDepthMap coin="BTC" height={480} topRatio={0.55} />
+            </div>
+          )}
           <div className="h-8" />
             </>
           )}