Update site changes

frontend/src/app/linktree/page.tsx

@@ -19,6 +19,7 @@ export default function LinktreePage() {
   const whatsappLink = process.env.NEXT_PUBLIC_WHATSAPP;
   const instagramHandle = process.env.NEXT_PUBLIC_INSTAGRAM;
   const telegramHandle = process.env.NEXT_PUBLIC_TELEGRAM;
+  const tiktokHandle = process.env.NEXT_PUBLIC_TIKTOK;
 
   useEffect(() => {
     eventsApi.getNextUpcoming()
@@ -51,6 +52,10 @@ export default function LinktreePage() {
     ? (telegramHandle.startsWith('http') ? telegramHandle : `https://t.me/${telegramHandle.replace('@', '')}`)
     : null;
 
+  const tiktokUrl = tiktokHandle 
+    ? (tiktokHandle.startsWith('http') ? tiktokHandle : `https://www.tiktok.com/@${tiktokHandle.replace('@', '')}`)
+    : null;
+
   return (
     <div className="min-h-screen bg-gradient-to-b from-primary-dark via-gray-900 to-primary-dark">
       <div className="max-w-md mx-auto px-4 py-8 pb-16">
@@ -195,6 +200,31 @@ export default function LinktreePage() {
               </svg>
             </a>
           )}
+
+          {/* TikTok */}
+          {tiktokUrl && (
+            <a 
+              href={tiktokUrl} 
+              target="_blank" 
+              rel="noopener noreferrer"
+              className="flex items-center gap-4 bg-white/10 backdrop-blur-sm rounded-2xl p-4 border border-white/10 transition-all duration-300 hover:bg-white/20 hover:border-white/30 hover:scale-[1.02] group"
+            >
+              <div className="w-12 h-12 bg-black rounded-xl flex items-center justify-center flex-shrink-0">
+                <svg className="w-6 h-6 text-white" fill="currentColor" viewBox="0 0 24 24">
+                  <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/>
+                </svg>
+              </div>
+              <div className="flex-1 min-w-0">
+                <p className="font-semibold text-white group-hover:text-white transition-colors">
+                  {t('linktree.tiktok.title')}
+                </p>
+                <p className="text-sm text-gray-400">{t('linktree.tiktok.subtitle')}</p>
+              </div>
+              <svg className="w-5 h-5 text-gray-400 group-hover:text-white transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
+              </svg>
+            </a>
+          )}
         </div>
 
         {/* Website Link */}