fix: add consistent padding breakpoint to match sections

components/home/footer.tsx

@@ -7,7 +7,7 @@ import DiscordIcon from "@/assets/discord.svg";
 export function Footer() {
   return (
     <footer className="w-full border-t bg-background/95 backdrop-blur-sm">
-      <div className="container mx-auto flex flex-col gap-8 px-4 py-10 lg:py-16">
+      <div className="container mx-auto flex flex-col gap-8 px-4 md:px-6 py-10 lg:py-16">
         <div className="grid gap-8 sm:grid-cols-2 md:grid-cols-4">
           <div className="space-y-4 col-span-2 max-w-md">
             <Link href="/" className="flex items-center gap-2 font-bold">

components/home/header.tsx

@@ -50,7 +50,7 @@ export function Header({
           : "bg-transparent"
       )}
     >
-      <div className="container flex h-16 px-4 min-w-full items-center justify-between">
+      <div className="container flex h-16 px-4 md:px-6 min-w-full items-center justify-between">
         <Link href="/">
           <div className="flex items-center gap-2 font-bold">
             <Logo className="size-6" />