seed data

apps/website/app/teams/[id]/page.tsx

@@ -213,6 +213,12 @@ export default function TeamDetailPage() {
 
               <div className="flex items-center gap-4 text-sm text-gray-400">
                 <span>{memberships.length} {memberships.length === 1 ? 'member' : 'members'}</span>
+                {team.category && (
+                  <span className="flex items-center gap-1 text-purple-400">
+                    <span className="w-2 h-2 rounded-full bg-purple-400"></span>
+                    {team.category}
+                  </span>
+                )}
                 {team.createdAt && (
                   <span>
                     Founded {new Date(team.createdAt).toLocaleDateString('en-US', { month: 'short', year: 'numeric' })}
@@ -267,6 +273,9 @@ export default function TeamDetailPage() {
                 <h3 className="text-xl font-semibold text-white mb-4">Quick Stats</h3>
                 <div className="space-y-3">
                   <StatItem label="Members" value={memberships.length.toString()} color="text-primary-blue" />
+                  {team.category && (
+                    <StatItem label="Category" value={team.category} color="text-purple-400" />
+                  )}
                   {leagueCount > 0 && (
                     <StatItem label="Leagues" value={leagueCount.toString()} color="text-green-400" />
                   )}

apps/website/app/teams/leaderboard/page.tsx

@@ -416,6 +416,12 @@ export default function TeamLeaderboardPage() {
                     </p>
                     <div className="flex items-center gap-2 text-xs text-gray-500 flex-wrap">
                       <span className={`${levelConfig?.color}`}>{levelConfig?.label}</span>
+                      {team.category && (
+                        <span className="flex items-center gap-1 text-purple-400">
+                          <span className="w-1.5 h-1.5 rounded-full bg-purple-400"></span>
+                          {team.category}
+                        </span>
+                      )}
                       {team.region && (
                         <span className="flex items-center gap-1 text-gray-400">
                           <Globe className="w-3 h-3 text-neon-aqua" />
@@ -497,4 +503,4 @@ export default function TeamLeaderboardPage() {
       </div>
     </div>
   );
-}
+}