fix(css): add max-width to .container breakpoints in globals.css

app/globals.css

@@ -6,14 +6,15 @@
 /* Fix for Tailwind v4 missing container center & padding */
 @layer components {
   .container {
+    width: 100%;
     margin-inline: auto !important;
     padding-inline: 1rem;
   }
-  @media (width >= 640px) { .container { padding-inline: 1.5rem; } }
-  @media (width >= 768px) { .container { padding-inline: 2rem; } }
-  @media (width >= 1024px) { .container { padding-inline: 2.5rem; } }
-  @media (width >= 1280px) { .container { padding-inline: 3rem; } }
-  @media (width >= 1400px) { .container { padding-inline: 4rem; } }
+  @media (width >= 640px) { .container { max-width: 640px; padding-inline: 1.5rem; } }
+  @media (width >= 768px) { .container { max-width: 768px; padding-inline: 2rem; } }
+  @media (width >= 1024px) { .container { max-width: 1024px; padding-inline: 2.5rem; } }
+  @media (width >= 1280px) { .container { max-width: 1280px; padding-inline: 3rem; } }
+  @media (width >= 1536px) { .container { max-width: 1536px; padding-inline: 4rem; } }
 }
 
 /* E-TIB Custom Utilities */