add small logo and narrow header bar

Author: earth-walker

builder-frontend/src/assets/logos/bdt-logo-small-mono-light.svg

@@ -2,7 +2,7 @@ import { useAuth } from "../../context/AuthContext";
 import { useLocation, useNavigate } from "@solidjs/router";
 import { Component, For, Show } from "solid-js";
 
-import bdtLogo from "@/assets/logos/bdt-logo-large-mono-light.svg";
+import bdtLogo from "@/assets/logos/bdt-logo-small-mono-light.svg";
 import { HamburgerMenu } from "@/components/shared/HamburgerMenu";
 
 import "./Header.css";
@@ -79,12 +79,12 @@ export default function Header() {
   };
 
   return (
-    <header class="bg-gray-200 min-h-24 h-24 px-4 flex items-center justify-between border-b-2 border-gray-300">
+    <header class="bg-gray-200 min-h-12 h-12 px-4 flex items-center justify-between border-b-2 border-gray-300">
       <div class="flex items-center space-x-6">
         <img
           src={bdtLogo}
           alt="BDT logo"
-          class="w-36 cursor-pointer"
+          class="w-18 cursor-pointer"
           onClick={() => navigate("/")}
         />
       </div>