design: change to minimalistic and clean light theme

- Replace Matrix/terminal dark theme with modern light design
- Update Tailwind config with clean, professional color palette
- Change from monospace to Inter sans-serif font
- Update chart styling to use white background with subtle grids
- Remove glow effects and neon colors from buttons and UI
- Update color picker with better color options
- Improve sidebar spacing and typography
- Update annotation badges with softer colors
- Change scrollbar styling to match light theme

src/components/CandleChart.tsx

@@ -89,12 +89,12 @@ const CandleChart = forwardRef<CandleChartHandle, CandleChartProps>(
         width: chartContainerRef.current.clientWidth,
         height: chartContainerRef.current.clientHeight,
         layout: {
-          background: { color: '#0f172a' }, // Slate-900
-          textColor: '#e2e8f0', // Slate-200
+          background: { color: '#ffffff' },
+          textColor: '#1e293b',
         },
         grid: {
-          vertLines: { color: '#1e293b' }, // Subtle grid
-          horzLines: { color: '#1e293b' },
+          vertLines: { color: '#f1f5f9' },
+          horzLines: { color: '#f1f5f9' },
         },
         crosshair: {
           mode: 1,
@@ -102,18 +102,18 @@ const CandleChart = forwardRef<CandleChartHandle, CandleChartProps>(
         timeScale: {
           timeVisible: true,
           secondsVisible: false,
-          borderColor: '#334155',
+          borderColor: '#e2e8f0',
         },
         rightPriceScale: {
-          borderColor: '#334155',
+          borderColor: '#e2e8f0',
         },
       });
 
       const candlestickSeries = chart.addCandlestickSeries({
-        upColor: '#22c55e', // Green
-        downColor: '#ef4444', // Red
+        upColor: '#10b981',
+        downColor: '#ef4444',
         borderVisible: false,
-        wickUpColor: '#22c55e',
+        wickUpColor: '#10b981',
         wickDownColor: '#ef4444',
       });
 
@@ -167,8 +167,8 @@ const CandleChart = forwardRef<CandleChartHandle, CandleChartProps>(
             time: annotation.timestamp as Time,
             position: annotation.label_type === 'break_up' ? ('belowBar' as const) : ('aboveBar' as const),
             color: isSelected 
-              ? (annotation.label_type === 'break_up' ? '#00ff41' : '#ff0040')
-              : (annotation.label_type === 'break_up' ? '#22c55e' : '#ef4444'),
+              ? (annotation.label_type === 'break_up' ? '#059669' : '#dc2626')
+              : (annotation.label_type === 'break_up' ? '#10b981' : '#ef4444'),
             shape: annotation.label_type === 'break_up' ? ('arrowUp' as const) : ('arrowDown' as const),
             text: annotation.label_type === 'break_up' ? 'Break Up' : 'Break Down',
             size: isSelected ? 2 : 1,