feat(leaderboard): add leaderboard functionaltiy

src/components/LeaderboardSkeleton.tsx

@@ -0,0 +1,22 @@
+export const LeaderboardRowSkeleton = () => {
+  return (
+    <div className="flex justify-between items-center animate-pulse">
+      <div className="flex items-center gap-3">
+        {/* Rank / Trophy */}
+        <div className="w-12 h-12 rounded-full bg-gray-200" />
+
+        {/* Avatar */}
+        <div className="w-12 h-12 rounded-full bg-gray-300" />
+
+        {/* Name */}
+        <div className="h-4 w-32 bg-gray-200 rounded" />
+      </div>
+
+      {/* XP */}
+      <div className="flex items-center gap-2">
+        <div className="h-4 w-10 bg-gray-200 rounded" />
+        <div className="w-5 h-5 rounded bg-gray-200" />
+      </div>
+    </div>
+  );
+};