Implement pure Drift Protocol automation system

- Remove Jupiter DEX completely from automation system
- Implement exclusive Drift Protocol integration with up to 100x leverage
- Update executeLiveTrade method to use only Drift API endpoints
- Change default DEX provider from Jupiter to Drift
- Create minimal professional UI without promotional banners
- Add comprehensive leverage options (1x-100x) with risk indicators
- Update automation service to route all trades through /api/automation/trade
- Fix type definitions to support Drift-only configuration
- Add multiple trading pairs support (SOL, BTC, ETH, APT, AVAX, DOGE)
- Implement clean configuration interface with essential controls
- Remove excessive marketing text and promotional elements
- Maintain full automation functionality while simplifying UX

components/Navigation.tsx

@@ -1,5 +1,5 @@
 "use client"
-import React from 'react'
+import React, { useState, useEffect } from 'react'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 
@@ -44,6 +44,11 @@ const navItems = [
 
 export default function Navigation() {
   const pathname = usePathname()
+  const [mounted, setMounted] = useState(false)
+
+  useEffect(() => {
+    setMounted(true)
+  }, [])
 
   return (
     <nav className="bg-gray-900/50 backdrop-blur-sm border-b border-gray-800">
@@ -51,7 +56,8 @@ export default function Navigation() {
         <div className="flex items-center justify-between h-14">
           <div className="flex items-center space-x-8">
             {navItems.map((item) => {
-              const isActive = pathname === item.href
+              // Only apply active styles after component has mounted to prevent hydration mismatch
+              const isActive = mounted && pathname === item.href
               
               return (
                 <Link

components/TradingChart.tsx

@@ -16,10 +16,9 @@ interface Position {
 interface TradingChartProps {
   symbol?: string
   positions?: Position[]
-  onPriceUpdate?: (price: number) => void
 }
 
-export default function TradingChart({ symbol = 'SOL/USDC', positions = [], onPriceUpdate }: TradingChartProps) {
+export default function TradingChart({ symbol = 'SOL/USDC', positions = [] }: TradingChartProps) {
   const chartContainerRef = useRef<HTMLDivElement>(null)
   const chart = useRef<any>(null)
   const candlestickSeries = useRef<any>(null)
@@ -77,12 +76,6 @@ export default function TradingChart({ symbol = 'SOL/USDC', positions = [], onPr
         console.log('Setting chart data...')
         candlestickSeries.current.setData(data)
         console.log('Chart data set successfully')
-        
-        // Call onPriceUpdate with the latest price if provided
-        if (onPriceUpdate && data.length > 0) {
-          const latestPrice = data[data.length - 1].close
-          onPriceUpdate(latestPrice)
-        }
 
         // Add position overlays
         console.log('Adding position overlays...')