decrease height of header bar and use small logo

Author: earth-walker

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

@@ -1,7 +1,7 @@
 import { useAuth } from "../context/AuthContext";
 import { useLocation, useNavigate } from "@solidjs/router";
 
-import bdtLogo from "../assets/logos/bdt-logo-large-mono-light.svg";
+import bdtLogo from "../assets/logos/bdt-logo-small-mono-light.svg";
 import { Show } from "solid-js";
 
 const HeaderButton = ({
@@ -37,12 +37,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>