feat: add Web3 punk avatars and official social links

- Add PunkAvatar component for Web3-style trader avatars
- Integrate punk avatars into trader cards and dashboard header
- Add official Twitter/Telegram links to footer with anti-fork protection
- Create branding.ts with Base64 encoded official links

web/src/components/traders/sections/TradersGrid.tsx

@@ -2,6 +2,7 @@ import { Bot, BarChart3, Trash2, Pencil } from 'lucide-react'
 import { t, type Language } from '../../../i18n/translations'
 import { getModelDisplayName } from '../index'
 import type { TraderInfo } from '../../../types'
+import { PunkAvatar, getTraderAvatar } from '../../PunkAvatar'
 
 interface TradersGridProps {
   language: Language
@@ -43,16 +44,17 @@ export function TradersGrid({
           style={{ background: '#0B0E11', border: '1px solid #2B3139' }}
         >
           <div className="flex items-center gap-3 md:gap-4">
-            <div
-              className="w-10 h-10 md:w-12 md:h-12 rounded-full flex items-center justify-center flex-shrink-0"
-              style={{
-                background: trader.ai_model.includes('deepseek')
-                  ? '#60a5fa'
-                  : '#c084fc',
-                color: '#fff',
-              }}
-            >
-              <Bot className="w-5 h-5 md:w-6 md:h-6" />
+            <div className="flex-shrink-0">
+              <PunkAvatar
+                seed={getTraderAvatar(trader.trader_id, trader.trader_name)}
+                size={48}
+                className="rounded-lg hidden md:block"
+              />
+              <PunkAvatar
+                seed={getTraderAvatar(trader.trader_id, trader.trader_name)}
+                size={40}
+                className="rounded-lg md:hidden"
+              />
             </div>
             <div className="min-w-0">
               <div