fix(layout): Use standard Tailwind container usage to fix truncation

docs(about): Update footer quote

frontend/app/about/page.tsx

@@ -88,7 +88,7 @@ export default function AboutPage() {
             {/* Footer Note */}
             <section className="text-center pt-8 border-t">
                 <p className="text-sm text-muted-foreground italic">
-                    "The music is the message, the archive is the home."
+                    "Built by the flock, for the flock."
                 </p>
             </section>
         </div>

frontend/app/globals.css

@@ -120,30 +120,4 @@
   body {
     @apply bg-background text-foreground;
   }
-}
-
-/* Container constraints for large screens */
-@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 !important;
-    padding-right: 2rem !important;
-  }
-}
-
-@media (min-width: 1024px) {
-  .container {
-    padding-left: 4rem !important;
-    padding-right: 4rem !important;
-  }
 }

frontend/app/layout.tsx

@@ -26,10 +26,7 @@ export default function RootLayout({
         <AuthProvider>
           <PreferencesProvider>
             <Navbar />
-            <main
-              className="container py-6 flex-1"
-              style={{ maxWidth: '1280px', marginLeft: 'auto', marginRight: 'auto', paddingLeft: '1rem', paddingRight: '1rem' }}
-            >
+            <main className="flex-1 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
               {children}
             </main>
             <Footer />