fixing footer padding

packages/web/components/footer/index.tsx

@@ -1,10 +1,26 @@
 import FullMottoLogo from "../../../components/logo/fullMotto";
+import toast from "react-hot-toast";
+import { useCallback } from "react";
+
+const contactEmailAddress = "[email protected]";
+
 export default function Footer() {
+  const copyToClipboard = useCallback(() => {
+    navigator.clipboard.writeText(contactEmailAddress);
+
+    toast.success("copied to clipboard");
+  }, []);
+
   return (
-    <div className="container mx-auto flex md:flex-row flex-col justify-between mt-auto items-center">
+    <div className="container mx-auto max-w-screen-lg flex md:flex-row flex-col justify-between mt-auto items-center">
       <span className="ml-20">
         <span className="text-zinc-400 text-sm">Wanna chat? </span>
-        <span className="font-bold text-white">arjunpatel@berkeley.edu</span>
+        <span
+          className="font-bold text-white cursor-pointer"
+          onClick={copyToClipboard}
+        >
+          {contactEmailAddress}
+        </span>
       </span>
       <FullMottoLogo className="text-center scale-50" />
     </div>

packages/web/components/header/index.tsx

@@ -3,7 +3,7 @@ import { LogoType } from "@nirvana/components/logo/full";
 
 export default function Header() {
   return (
-    <div className="container mx-auto md:px-20 px-10 pt-5 flex flex-row justify-center md:justify-start">
+    <div className="container mx-auto max-w-screen-lg px-10 pt-5 flex flex-row justify-center md:justify-start">
       <HorizontalLogo type={LogoType.small} />
     </div>
   );