Merge branch 'develop' into hackathon/fix-ui

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

@@ -212,7 +212,7 @@ const DashboardPage: FC = (): ReactElement => {
                 <h3 className="text-sm font-semibold text-gray-700 dark:text-neutral-300 uppercase tracking-wide mb-2">
                   About
                 </h3>
-                <p className="text-gray-800 dark:text-neutral-200 leading-relaxed">
+                <p className="text-gray-800 dark:text-neutral-200 leading-relaxed line-clamp-3 wrap-break-word">
                   {user.bio}
                 </p>
               </div>

apps/hackathon/src/app/teams/[teamId]/page.tsx

@@ -55,6 +55,29 @@ const TeamDashboardPage: FC = (): ReactElement => {
   const [imagesLoaded, setImagesLoaded] = useState(false);
   const [imageLoadCount, setImageLoadCount] = useState(0);
 
+  // Calculate total images to load (banner + logo + member avatars)
+  const totalImagesToLoad = 0; // Simplified - disable image loading overlay
+
+  const handleImageLoad = () => {
+    setImageLoadCount((prev) => {
+      const newCount = prev + 1;
+      if (newCount >= totalImagesToLoad) {
+        setImagesLoaded(true);
+      }
+      return newCount;
+    });
+  };
+
+  const handleImageError = () => {
+    // Treat error as loaded to not block the UI
+    handleImageLoad();
+  };
+
+  // Set images as loaded immediately since we disabled the loading overlay
+  useEffect(() => {
+    setImagesLoaded(true);
+  }, []);
+
   const { data: teamData, isLoading: isLoadingTeam } = useTeamById(
     teamId || ''
   );