feat: complete i18n support for all components (6 languages)

Add full internationalization across 127+ components and pages.
790+ translation keys in en, tr, kmr, ckb, ar, fa locales.
Remove duplicate keys and delete unused .json locale files.

web/src/components/GovernanceInterface.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { TrendingUp, FileText, Users, Shield, Vote, History } from 'lucide-react';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from './ui/tabs';
 import GovernanceOverview from './governance/GovernanceOverview';
@@ -9,6 +10,7 @@ import MyVotes from './governance/MyVotes';
 import GovernanceHistory from './governance/GovernanceHistory';
 
 const GovernanceInterface: React.FC = () => {
+  const { t } = useTranslation();
   const [activeTab, setActiveTab] = useState('overview');
 
   return (
@@ -17,11 +19,11 @@ const GovernanceInterface: React.FC = () => {
         <div className="text-center mb-12">
           <h2 className="text-4xl font-bold mb-4">
             <span className="bg-gradient-to-r from-purple-400 to-cyan-400 bg-clip-text text-transparent">
-              On-Chain Governance
+              {t('governance.title')}
             </span>
           </h2>
           <p className="text-gray-400 text-lg max-w-3xl mx-auto">
-            Participate in PezkuwiChain&apos;s decentralized governance. Vote on proposals, elect representatives, and shape the future of the network.
+            {t('governance.description')}
           </p>
         </div>
 
@@ -29,27 +31,27 @@ const GovernanceInterface: React.FC = () => {
           <TabsList className="grid grid-cols-3 lg:grid-cols-6 gap-2 bg-gray-900/50 p-1 rounded-lg overflow-x-auto scrollbar-hide">
             <TabsTrigger value="overview" className="flex items-center space-x-2">
               <TrendingUp className="w-4 h-4" />
-              <span>Overview</span>
+              <span>{t('governance.overview')}</span>
             </TabsTrigger>
             <TabsTrigger value="proposals" className="flex items-center space-x-2">
               <FileText className="w-4 h-4" />
-              <span>Proposals</span>
+              <span>{t('governance.proposals')}</span>
             </TabsTrigger>
             <TabsTrigger value="elections" className="flex items-center space-x-2">
               <Users className="w-4 h-4" />
-              <span>Elections</span>
+              <span>{t('governance.elections')}</span>
             </TabsTrigger>
             <TabsTrigger value="delegation" className="flex items-center space-x-2">
               <Shield className="w-4 h-4" />
-              <span>Delegation</span>
+              <span>{t('governance.delegation')}</span>
             </TabsTrigger>
             <TabsTrigger value="voting" className="flex items-center space-x-2">
               <Vote className="w-4 h-4" />
-              <span>My Votes</span>
+              <span>{t('governance.myVotes')}</span>
             </TabsTrigger>
             <TabsTrigger value="history" className="flex items-center space-x-2">
               <History className="w-4 h-4" />
-              <span>History</span>
+              <span>{t('governance.history')}</span>
             </TabsTrigger>
           </TabsList>