Merge pull request #1144 from Folex1275/frontend-fix

feat(frontend): Complete redesign of dashboard and UI components

Author: Folex1275

frontend/.env.example

@@ -58,29 +58,19 @@ NEXT_PUBLIC_SENTRY_DSN=
 # NEXT_PUBLIC_FORCE_EMERGENCY=true
 
 # =============================================================================
-# Usage Notes
+# Deployment & CDN Configuration
 # =============================================================================
-# 
+
+# CDN URL for image optimization (optional)
+# When set, images will be served through CDN for better performance
+NEXT_PUBLIC_CDN_URL=
+
+# Analytics & Monitoring
+# Google Analytics ID (if using)
+# NEXT_PUBLIC_GA_ID=
+
+# Usage Notes
 # 1. Both V1 and V2 contract IDs can be configured simultaneously
 # 2. The frontend will automatically query balances for both contracts
 # 3. Users can switch between V1 and V2 via the useContract('v1' | 'v2') hook
 # 4. Combined balance is automatically calculated across both protocols
-#
-# Example usage in components:
-#
-# ```tsx
-# import { useContract, useBalances, useWallet } from '@/lib/providers';
-# import { CONTRACT_ID, NEBULA_CONTRACT_ID } from '@/lib/providers';
-#
-# function MyComponent() {
-#   // Get specific contract
-#   const v1Contract = useContract('v1');
-#   const v2Contract = useContract('v2');
-#
-#   // Get user's balances across both protocols
-#   const { v1, v2, combined } = useBalances();
-#
-#   // Access wallet info
-#   const { address, balances } = useWallet();
-# }
-# ```