Add streaks for lifetime

src/api/leaderboard.ts

@@ -9,7 +9,10 @@ export type LeadeboardUserDetails = {
 };
 
 export type ListLeaderboardStatsResponse = {
-  longestStreaks: LeadeboardUserDetails[];
+  streaks: {
+    active: LeadeboardUserDetails[];
+    lifetime: LeadeboardUserDetails[];
+  };
   projectSubmissions: {
     currentMonth: LeadeboardUserDetails[];
     lifetime: LeadeboardUserDetails[];

src/components/Leaderboard/LeaderboardPage.tsx

@@ -34,8 +34,14 @@ export function LeaderboardPage(props: LeaderboardPageProps) {
               title="Longest Visit Streak"
               tabs={[
                 {
-                  title: 'All Time',
+                  title: 'Active',
-                  users: stats.longestStreaks,
+                  users: stats.streaks?.active || [],
+                  emptyIcon: <Zap className="size-16 text-gray-300" />,
+                  emptyText: 'No users with streaks yet',
+                },
+                {
+                  title: 'Lifetime',
+                  users: stats.streaks?.lifetime || [],
                   emptyIcon: <Zap className="size-16 text-gray-300" />,
                   emptyText: 'No users with streaks yet',
                 },