Standardize loading states across all components

Replaced custom loading spinners with standardized LoadingState component from AsyncComponent.tsx. This ensures consistent UX for all data-loading operations.

Changes:
- web/src/components/staking/StakingDashboard.tsx: LoadingState for staking data
- web/src/components/governance/GovernanceOverview.tsx: LoadingState for governance data
- web/src/components/governance/ProposalsList.tsx: LoadingState for proposals
- web/src/components/dex/PoolBrowser.tsx: LoadingState for liquidity pools
- web/src/components/delegation/DelegationManager.tsx: LoadingState for delegation data
- web/src/components/forum/ForumOverview.tsx: LoadingState for forum threads
- web/src/components/treasury/TreasuryOverview.tsx: LoadingState for treasury data

All components now show:
- Kurdistan green animated spinner (Loader2)
- Contextual loading messages
- Consistent padding and centering
- Professional appearance

Button loading states (auth, wallet modals) left as-is since they appropriately disable during actions.

web/src/components/dex/PoolBrowser.tsx

@@ -7,6 +7,7 @@ import { TrendingUp, Droplet, BarChart3, Search, Plus } from 'lucide-react';
 import { PoolInfo } from '@/types/dex';
 import { fetchPools, formatTokenBalance } from '@pezkuwi/utils/dex';
 import { isFounderWallet } from '@pezkuwi/utils/auth';
+import { LoadingState } from '@pezkuwi/components/AsyncComponent';
 
 interface PoolBrowserProps {
   onAddLiquidity?: (pool: PoolInfo) => void;
@@ -63,11 +64,7 @@ export const PoolBrowser: React.FC<PoolBrowserProps> = ({
   });
 
   if (loading && pools.length === 0) {
-    return (
-      <div className="flex items-center justify-center py-12">
-        <div className="text-gray-400">Loading pools...</div>
-      </div>
-    );
+    return <LoadingState message="Loading liquidity pools..." />;
   }
 
   return (