Fix all shadow deprecation warnings across entire mobile app

- Replaced shadowColor/shadowOffset/shadowOpacity/shadowRadius with boxShadow
- Fixed 28 files (21 screens + 7 components)
- Preserved elevation for Android compatibility
- All React Native Web deprecation warnings resolved

Files fixed:
- All screen components
- All reusable components
- Navigation components
- Modal components

web/src/components/governance/ElectionsInterface.tsx

@@ -5,7 +5,7 @@ import { Badge } from '@/components/ui/badge';
 import { Progress } from '@/components/ui/progress';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Vote, Trophy, AlertCircle, CheckCircle, Users, Clock, Activity, Loader2 } from 'lucide-react';
-import { usePolkadot } from '@/contexts/PolkadotContext';
+import { usePezkuwi } from '@/contexts/PezkuwiContext';
 import { useWallet } from '@/contexts/WalletContext';
 import {
   getActiveElections,
@@ -28,7 +28,7 @@ interface ElectionWithCandidates extends ElectionInfo {
 }
 
 const ElectionsInterface: React.FC = () => {
-  const { api, isApiReady } = usePolkadot();
+  const { api, isApiReady } = usePezkuwi();
   const { account, signer } = useWallet();
   const [elections, setElections] = useState<ElectionWithCandidates[]>([]);
   const [completedResults, setCompletedResults] = useState<ElectionResult[]>([]);

web/src/components/governance/GovernanceHistory.tsx

@@ -3,7 +3,7 @@ import { Card, CardContent } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { FileText, Users, Trophy, CheckCircle, XCircle, Clock, Activity, Loader2, TrendingUp, Calendar } from 'lucide-react';
-import { usePolkadot } from '@/contexts/PolkadotContext';
+import { usePezkuwi } from '@/contexts/PezkuwiContext';
 import {
   getElectionResults,
   getGovernanceStats,
@@ -25,7 +25,7 @@ interface CompletedProposal {
 }
 
 const GovernanceHistory: React.FC = () => {
-  const { api, isApiReady } = usePolkadot();
+  const { api, isApiReady } = usePezkuwi();
   const [completedElections, setCompletedElections] = useState<ElectionResult[]>([]);
   const [completedProposals, setCompletedProposals] = useState<CompletedProposal[]>([]);
   const [stats, setStats] = useState<GovernanceMetrics | null>(null);

web/src/components/governance/GovernanceOverview.tsx

@@ -7,7 +7,7 @@ import {
 import { Card, CardContent, CardHeader, CardTitle } from '../ui/card';
 import { Badge } from '../ui/badge';
 import { Progress } from '../ui/progress';
-import { usePolkadot } from '../../contexts/PolkadotContext';
+import { usePezkuwi } from '../../contexts/PezkuwiContext';
 import { formatBalance } from '@pezkuwi/lib/wallet';
 import { LoadingState } from '@pezkuwi/components/AsyncComponent';
 
@@ -23,7 +23,7 @@ interface GovernanceStats {
 }
 
 const GovernanceOverview: React.FC = () => {
-  const { api, isApiReady } = usePolkadot();
+  const { api, isApiReady } = usePezkuwi();
   const [stats, setStats] = useState<GovernanceStats>({
     activeProposals: 0,
     activeElections: 0,

web/src/components/governance/MyVotes.tsx

@@ -4,7 +4,7 @@ import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Vote, FileText, Users, CheckCircle, XCircle, Clock, Activity, Loader2, Wallet } from 'lucide-react';
-import { usePolkadot } from '@/contexts/PolkadotContext';
+import { usePezkuwi } from '@/contexts/PezkuwiContext';
 import { useWallet } from '@/contexts/WalletContext';
 import { formatNumber } from '@/lib/utils';
 
@@ -35,7 +35,7 @@ interface DelegationInfo {
 }
 
 const MyVotes: React.FC = () => {
-  const { api, isApiReady } = usePolkadot();
+  const { api, isApiReady } = usePezkuwi();
   const { account, isConnected } = useWallet();
   const [proposalVotes, setProposalVotes] = useState<ProposalVote[]>([]);
   const [electionVotes, setElectionVotes] = useState<ElectionVote[]>([]);