fix:leaderboard update leaderboard-style on mobile (#188)

* fix:leaderboard  update leaderboard-style

* fix:leaderboard update leaderboard-style on mobile

* fix: resolve CodeRabbit issues and conflicts

---------

Co-authored-by: Viktor Svertoka <victor.svertoka@gmail.com>

Author: AlinaRyabova

frontend/components/leaderboard/LeaderboardPodium.tsx

@@ -6,6 +6,45 @@ import { Crown } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { User } from './types';
 
+const rankConfig = {
+  1: {
+    height: '100%',
+    delay: 0.4,
+    style: {
+      border: 'border-yellow-400 dark:border-yellow-500',
+      bg: 'bg-yellow-400/20 dark:bg-yellow-500/10',
+      text: 'text-yellow-600 dark:text-yellow-400',
+      badge: 'bg-yellow-400 dark:bg-yellow-500',
+      ring: 'border-yellow-400 dark:border-yellow-500',
+      barTop: 'bg-yellow-400 dark:bg-yellow-500',
+    },
+  },
+  2: {
+    height: '50%',
+    delay: 0.2,
+    style: {
+      border: 'border-slate-300 dark:border-slate-500',
+      bg: 'bg-slate-300/20 dark:bg-slate-500/10',
+      text: 'text-slate-600 dark:text-slate-400',
+      badge: 'bg-slate-400 dark:bg-slate-500',
+      ring: 'border-slate-300 dark:border-slate-500',
+      barTop: 'bg-slate-300 dark:bg-slate-500',
+    },
+  },
+  3: {
+    height: '35%',
+    delay: 0.6,
+    style: {
+      border: 'border-orange-300 dark:border-orange-500',
+      bg: 'bg-orange-300/20 dark:bg-orange-500/10',
+      text: 'text-orange-600 dark:text-orange-400',
+      badge: 'bg-orange-400 dark:bg-orange-500',
+      ring: 'border-orange-300 dark:border-orange-500',
+      barTop: 'bg-orange-300 dark:bg-orange-500',
+    },
+  },
+} as const;
+
 export function LeaderboardPodium({ topThree }: { topThree: User[] }) {
   const podiumOrder = [
     topThree.find(u => u.rank === 2),

frontend/components/leaderboard/LeaderboardTable.tsx

@@ -101,7 +101,7 @@ function TableRow({
 }: {
   user: User;
   isCurrentUser: boolean;
-  t: any;
+  t: ReturnType<typeof useTranslations>;
 }) {
   // ✅ ВИПРАВЛЕННЯ 3: Спільний клас для ліній між рядками
   const cellClass =
@@ -177,7 +177,7 @@ function TableRow({
             </span>
 
             {user.change > 0 && (
-              <span className="flex items-center gap-1 text-[10px] text-emerald-600 dark:text-emerald-400 font-bold uppercase tracking-wide opacity-70 group-hover:opacity-100 transition-opacity">
+              <span className="hidden sm:flex items-center gap-1 text-[10px] text-emerald-600 dark:text-emerald-400 font-bold uppercase tracking-wide opacity-70 group-hover:opacity-100 transition-opacity">
                 <TrendingUp className="w-3 h-3" aria-hidden="true" />
                 {t('rising')}
               </span>