chore: Update my-team components and dependencies

- Update my-team related components
- Update package dependencies

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

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

Author: Zeff01

apps/codebility/app/home/my-team/AddMembersModal.tsx

@@ -20,8 +20,8 @@ interface AddMembersModalProps {
   onClose: () => void;
   projectData: {
     project: { id: string; name: string };
-    teamLead: { data: SimpleMemberData };
-    members: { data: SimpleMemberData[] };
+    teamLead: { data: SimpleMemberData | null };
+    members: { data: SimpleMemberData[] | null };
   };
   onUpdate: (selectedMembers: Codev[]) => void;
 }
@@ -297,7 +297,7 @@ const AddMembersModal = ({
 }: AddMembersModalProps) => {
   const { project, teamLead, members } = projectData;
   const teamLeadData = teamLead.data;
-  const currentMembers = members.data;
+  const currentMembers = members.data ?? [];
 
   // ✅ FIXED: Initialize Supabase client safely following project pattern
   const [supabase, setSupabase] = useState<any>(null);

apps/codebility/app/home/my-team/MyTeamPage.tsx

@@ -22,10 +22,10 @@ interface ProjectData {
     name: string;
   };
   teamLead: {
-    data: SimpleMemberData;
+    data: SimpleMemberData | null;
   };
   members: {
-    data: SimpleMemberData[];
+    data: SimpleMemberData[] | null;
   };
 }
 

apps/codebility/app/home/my-team/[projectId]/_components/TeamDetailView.tsx

@@ -49,10 +49,10 @@ interface ProjectData {
     name: string;
   };
   teamLead: {
-    data: SimpleMemberData;
+    data: SimpleMemberData | null;
   };
   members: {
-    data: SimpleMemberData[];
+    data: SimpleMemberData[] | null;
   };
   currentUserId: string;
 }

apps/codebility/app/home/my-team/_components/MyTeamView.tsx

@@ -21,10 +21,10 @@ interface ProjectData {
     name: string;
   };
   teamLead: {
-    data: SimpleMemberData;
+    data: SimpleMemberData | null;
   };
   members: {
-    data: SimpleMemberData[];
+    data: SimpleMemberData[] | null;
   };
 }
 

apps/codebility/app/home/my-team/_components/TeamProjectCard.tsx

@@ -13,10 +13,10 @@ interface ProjectData {
     name: string;
   };
   teamLead: {
-    data: SimpleMemberData;
+    data: SimpleMemberData | null;
   };
   members: {
-    data: SimpleMemberData[];
+    data: SimpleMemberData[] | null;
   };
 }
 
@@ -58,7 +58,7 @@ const MemberAvatar = ({ member, size = 40, showBorder = true }: { member: Simple
 
 const TeamProjectCard = ({ project, onAddMembers, isLoading }: TeamProjectCardProps) => {
   const { project: projectInfo, teamLead, members } = project;
-  const totalMembers = members.data.length + (teamLead.data ? 1 : 0);
+  const totalMembers = (members.data?.length ?? 0) + (teamLead.data ? 1 : 0);
 
   return (
     <div className="group relative overflow-hidden rounded-2xl bg-white/20 backdrop-blur-md dark:bg-white/10 border border-white/30 dark:border-white/20 shadow-lg transition-all duration-500 hover:shadow-2xl hover:shadow-customBlue-500/20 hover:border-white/50 dark:hover:border-white/30 hover:-translate-y-2 hover:bg-white/30 dark:hover:bg-white/15 cursor-pointer">
@@ -149,11 +149,11 @@ const TeamProjectCard = ({ project, onAddMembers, isLoading }: TeamProjectCardPr
               <span className="text-sm font-semibold text-gray-700 dark:text-gray-300">Team Members</span>
             </div>
             <span className="text-sm font-medium text-blue-600 dark:text-blue-400">
-              {members.data.length} member{members.data.length !== 1 ? 's' : ''}
+              {members.data?.length ?? 0} member{(members.data?.length ?? 0) !== 1 ? 's' : ''}
             </span>
           </div>
-          
-          {members.data.length > 0 ? (
+
+          {members.data && members.data.length > 0 ? (
             <div className="space-y-4">
               {/* Avatars Grid */}
               <div className="flex flex-wrap gap-2">
@@ -171,12 +171,12 @@ const TeamProjectCard = ({ project, onAddMembers, isLoading }: TeamProjectCardPr
                   </div>
                 )}
               </div>
-              
+
               {/* Quick member list */}
               <div className="bg-white/30 backdrop-blur-sm dark:bg-white/10 rounded-lg p-3 border border-white/20 dark:border-white/10">
                 <div className="text-sm text-gray-700 dark:text-gray-300 leading-relaxed">
                   <span className="font-medium">Recent: </span>
-                  {members.data.slice(0, 3).map((member) => 
+                  {members.data.slice(0, 3).map((member) =>
                     formatName(member.first_name, member.last_name)
                   ).join(', ')}
                   {members.data.length > 3 && (

apps/codebility/app/home/my-team/page.tsx

@@ -81,9 +81,9 @@ async function TeamData() {
           getMembers(project.id)
         ]);
 
-        return { 
-          project, 
-          teamLead, 
+        return {
+          project,
+          teamLead,
           members
         };
       } catch (error) {
@@ -95,10 +95,12 @@ async function TeamData() {
         };
       }
     });
-    
+
     const projectData = await Promise.all(projectDataPromises);
-    const validProjectData = projectData.filter(data => 
-      !data.teamLead.error && !data.members.error
+
+    // Filter out projects with critical errors, but allow projects without team leads
+    const validProjectData = projectData.filter(data =>
+      !data.members.error
     );
 
     if (validProjectData.length === 0) {

apps/codebility/package.json

@@ -64,6 +64,7 @@
     "gsap": "^3.13.0",
     "hellosign-sdk": "^2.1.0",
     "html2canvas": "^1.4.1",
+    "html2pdf.js": "^0.10.2",
     "invariant": "^2.2.4",
     "ioredis": "^5.6.1",
     "jose": "^5.2.3",