feat!:new mobile header logo

Author: FawazBinSaleem

src/components/Header.tsx

@@ -1,6 +1,6 @@
 import "@/styles/Header.scss";
 import devclubLogo from "@/resources/images/devclub-logo.svg";
-import devclubLogoHorizontal from "@/resources/images/devclub-logo-horizontal.svg";
+import devclubLogoHorizontal from "@/resources/images/devclub-logo-horizontal-2.svg";
 
 import { useMemo } from "react";
 

src/resources/images/devclub-logo-black.svg

@@ -61,7 +61,7 @@ $desktop-navbar-height: 60px;
     border: none;
     box-shadow: none;
     border-radius: 0;
-    left: 20px;
+    left: 0px; //alligns with the left fully
     top: 0px;
     width: auto;
     height: 80px;
@@ -86,7 +86,7 @@ $desktop-navbar-height: 60px;
   @include mobile {
     img.horizontal {
       display: block;
-      height: 50%;
+      height: 100%;
       width: auto;
       transform: none;
     }