add happy lil pig to expanded menu

web/src/components/general/logo.module.scss

@@ -11,3 +11,16 @@
     width: 100%;
   }
 }
+
+.logoIcon {
+  color: currentColor;
+  width: 3rem;
+
+  svg {
+    width: 100%;
+  }
+
+  &.right {
+    transform: scaleX(-1);
+  }
+}

web/src/components/layout/Header.tsx

@@ -3,7 +3,7 @@ import { useState, useEffect, useRef } from "react";
 import { usePathname } from "next/navigation";
 import Link from "next/link";
 import styles from "./header.module.scss";
-import { Logo } from "../general/Logo";
+import { Logo, LogoIcon } from "@/components/general/Logo";
 
 export const Header = () => {
   const [showMenu, setShowMenu] = useState(false);
@@ -87,7 +87,9 @@ export const Header = () => {
         >
           <span className={styles.menuIcon}></span>
         </button>
-        <ul className={styles.fullMenu}>
+        <div className={styles.fullMenu}>
+          <LogoIcon face="right" />
+          <ul>
             <li className={styles.menuItemLarge}>
               <Link
                 href="/arrangementer"
@@ -145,6 +147,7 @@ export const Header = () => {
               <Link href="/lokaler">Lokaler*</Link>
             </li>
           </ul>
+        </div>
       </nav>
     </header>
   );

web/src/components/layout/header.module.scss

@@ -84,12 +84,16 @@
   background: var(--color-chateauBlue);
   color: var(--color-betongGray);
   padding: var(--spacing-sitepadding);
+
+  transition: all var(--transition-easing);
+
+  ul {
     display: flex;
     flex-direction: column;
     justify-content: center;
     font-size: 1.4rem;
-
-  transition: all var(--transition-easing);
+    padding: var(--spacing-sitepadding) 0;
+  }
 }
 
 .menuItemLarge {