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" />
                   )}