fix: unwrap nested team data in hooks instead of components

- useMyTeams and useTeamsByUserId now unwrap {team: {...}} structure
- Simplified dashboard and user profile components

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

apps/hackathon/src/app/dashboard/page.tsx

@@ -131,8 +131,7 @@ const DashboardPage: FC = (): ReactElement => {
 
         {myTeams.length > 0 ? (
           (() => {
-            const item = myTeams[0] as any;
-            const team = item.team || item;
+            const team = myTeams[0] as any;
             return (
               <div className="mb-6 md:mb-8">
                 <h2 className="text-xl md:text-2xl font-bold text-gray-900 dark:text-white mb-3 md:mb-4">

apps/hackathon/src/app/users/[userId]/page.tsx

@@ -131,9 +131,7 @@ const UserProfilePage: FC = (): ReactElement => {
                   Team
                 </h2>
                 <div className="space-y-4">
-                  {userTeams.map((item: any) => {
-                    const team = item.team || item;
-                    return (
+                  {userTeams.map((team: any) => (
                     <Link
                       key={team.id}
                       to={'/teams/' + team.id}
@@ -184,8 +182,7 @@ const UserProfilePage: FC = (): ReactElement => {
                         )}
                       </div>
                     </Link>
-                    );
-                  })}
+                  ))}
                 </div>
               </div>
             ) : (

libs/service/src/hooks/teams/index.ts

@@ -434,8 +434,11 @@ export const useMyTeams = () => {
   return useQuery({
     queryKey: teamKeys.myTeams(),
     queryFn: async () => {
-      const response = await hackathonApi.get<HackathonApiResponse<Team[]>>('/teams/my');
-      return { data: response.data.data || [] };
+      const response = await hackathonApi.get<HackathonApiResponse<any[]>>('/teams/my');
+      const rawData = response.data.data || [];
+      // Unwrap nested team data if present (API returns [{team: {...}}] or [{id, name, ...}])
+      const teams = rawData.map((item: any) => item.team || item);
+      return { data: teams };
     },
     enabled: !!session?.user?.id,
   });
@@ -555,8 +558,11 @@ export const useTeamsByUserId = (userId: string) => {
   return useQuery({
     queryKey: ['teams-by-user', userId],
     queryFn: async () => {
-      const response = await hackathonApi.get<HackathonApiResponse<Team[]>>(`/users/${userId}/teams`);
-      return { data: response.data.data || [] };
+      const response = await hackathonApi.get<HackathonApiResponse<any[]>>(`/users/${userId}/teams`);
+      const rawData = response.data.data || [];
+      // Unwrap nested team data if present (API returns [{team: {...}}] or [{id, name, ...}])
+      const teams = rawData.map((item: any) => item.team || item);
+      return { data: teams };
     },
     enabled: !!userId,
   });