V3 header fixes (#1088)

* Fix issue where opening the mobile menu removed padding in body due to body[data-scroll-locked]

* Fix issue where where the Variant logo always led to the defualt language home page

* Make entire width of mobile menu links clickable

src/components/link/link.module.css

@@ -141,6 +141,7 @@
 
 .headerLink {
   white-space: nowrap;
+  width: 100%;
   color: var(--text-primary);
   cursor: pointer;
   text-decoration: none;
@@ -149,7 +150,7 @@
   font-weight: 500;
   display: inline-flex;
   padding: 0.75rem 1rem 0.75rem 0.75rem;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: center;
   gap: 0.375rem;
   position: relative;

src/components/navigation/header/Header.tsx

@@ -96,7 +96,7 @@ export const Header = ({
           <div className={styles.wrapper}>
             <div className={styles.desktopWrapper}>
               <Link
-                href="/"
+                href={`/${currentLanguage}`}
                 aria-label="Home"
                 className={styles.logo}
                 scroll={false}

src/styles/global.css

@@ -163,7 +163,7 @@ html {
 
 body {
   margin: 0;
-  padding: 0 1rem;
+  padding: 0 1rem !important;
   color: var(--text-primary);
   background-color: var(--background-bg-light-primary);
   font-family: var(--font-britti-sans);