Make the footer ignore the padding

Author: Rikthepixel

src/components/layout/heading.tsx

@@ -32,4 +32,4 @@ export const H4 = makeHeading(4, "text-2xl font-semibold md:text-3xl");
 export const H5 = makeHeading(5, "text-xl font-semibold md:text-2xl");
 export const H6 = makeHeading(6, "text-lg font-semibold md:text-xl");
 
-export default { H1, H2, H3, H4, H5, H6 };
+export default { H1, H2, H3, H4, H5, H6 };

src/components/navigation/Footer.tsx

@@ -4,7 +4,7 @@ import Logo from "@/assets/images/brand/logo-200x200.webp";
 
 const Footer = () => {
   return (
-    <div className="flex items-center justify-center w-full pt-16 mt-auto text-primary-contrast">
+    <div className="flex items-center justify-center w-[calc(100%_+_4rem)] pt-16 mt-auto text-primary-contrast">
       <footer className="flex flex-col w-full gap-4 p-8 border-2 max-w-7xl rounded-t-md bg-primary image-dots from-primary-light border-primary-light">
         <div className="flex flex-col items-center gap-2 p-2 rounded-md bg-white/20 sm:flex-row backdrop-blur-[1.25px]">
           <div className="flex items-center gap-2">