remove unneeded containers

src/web/src/components/header/default.jsx

@@ -3,11 +3,9 @@
 import Link from "next/link";
 import { motion } from "framer-motion";
 import { Links, LinkColors } from "@/components/header/constants";
-import Container from "@/components/ui/container";
 
 function DefaultHeader() {
   return (
-    <Container>
     <motion.nav
       initial="hidden"
       animate="visible"
@@ -19,6 +17,7 @@ function DefaultHeader() {
         },
       }}
       className="
+        mx-auto
         hidden 2xl:flex xl:flex lg:flex md:flex flex-row
         lg:px-6 md:px-5 sm:px-4 lg:py-1.5 md:py-1.5
         lg:text-4xl md:text-3xl
@@ -40,7 +39,6 @@ function DefaultHeader() {
         ))}
       </div>
     </motion.nav>
-    </Container>
   );
 }
 

src/web/src/components/hero/content.jsx

@@ -32,7 +32,7 @@ function Portrait() {
 
 function Content() {
   return (
-    <Container>
+    <>
       <div className="relative h-screen overflow-y-scroll font-bold text-4xl">
         <div className="h-screen flex flex-col items-center justify-center">
           <div className="relative h-48 overflow-y-auto">
@@ -85,7 +85,7 @@ function Content() {
           </div>
         </div>
       </div>
-    </Container>
+    </>
   );
 };