From f501bd02c8d2078ad54f900d0087a985c4a19291 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Sat, 20 Dec 2025 21:21:30 -0800
Subject: [PATCH] fix: TypeScript error in profile page, improve container
 styles

---
 frontend/app/globals.css      | 27 +++++++++++++++------------
 frontend/app/profile/page.tsx |  4 ++--
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/frontend/app/globals.css b/frontend/app/globals.css
index 3c79151..0c2ec91 100644
--- a/frontend/app/globals.css
+++ b/frontend/app/globals.css
@@ -116,31 +116,34 @@
   * {
     @apply border-border outline-ring/50;
   }
+
   body {
     @apply bg-background text-foreground;
   }
 }
 
 /* Container constraints for large screens */
-.container {
-  width: 100%;
-  max-width: 1280px;
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+@layer utilities {
+  .container {
+    width: 100% !important;
+    max-width: 1280px !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+    padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
+  }
 }
 
 @media (min-width: 640px) {
   .container {
-    padding-left: 2rem;
-    padding-right: 2rem;
+    padding-left: 2rem !important;
+    padding-right: 2rem !important;
   }
 }
 
 @media (min-width: 1024px) {
   .container {
-    padding-left: 4rem;
-    padding-right: 4rem;
+    padding-left: 4rem !important;
+    padding-right: 4rem !important;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/profile/page.tsx b/frontend/app/profile/page.tsx
index abb7b31..2339741 100644
--- a/frontend/app/profile/page.tsx
+++ b/frontend/app/profile/page.tsx
@@ -66,8 +66,8 @@ export default function ProfilePage() {
                 fetch(`${getApiUrl()}/users/${data.id}/stats`, {
                     headers: { Authorization: `Bearer ${token}` }
                 })
-                    .then(res => res.ok ? res.json() : {})
-                    .then(data => setStats(data))
+                    .then(res => res.ok ? res.json() : { attendance_count: 0, review_count: 0, group_count: 0 })
+                    .then((statsData: { attendance_count: number; review_count: number; group_count: number }) => setStats(statsData))
             })
             .catch(err => console.error(err))
             .finally(() => setLoading(false))