Replace hamburger menu icon for mobile view

Fix: unify blue background shades in all sections (#111)

Author: Abhishek-00000

src/_includes/navbar.njk

@@ -99,10 +99,22 @@
     </a>
 
     <input type="checkbox" id="mobile-menu-checkbox" class="hidden">
-    <label for="mobile-menu-checkbox" class="cursor-pointer z-50 bg-white/20 hover:bg-white/30 p-2 rounded-full transition-all duration-300 inline-flex items-center justify-center">
-      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-white block" id="hamburger-icon">
-        <line x1="4" y1="8" x2="20" y2="8"></line>
-        <line x1="4" y1="16" x2="20" y2="16"></line>
+    <label for="mobile-menu-checkbox" class="cursor-pointer z-50 hover:bg-white/30 p-2 rounded-full transition-all duration-300 inline-flex items-center justify-center">
+      <svg width="24" height="22" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g clip-path="url(#clip0_223_10553)">
+          <path d="M11.0351 0.0117188H0.0117188V11.0351H11.0351V0.0117188Z" fill="#F6EBFF" stroke="black" stroke-width="0.0232085" stroke-linecap="round" stroke-linejoin="round"/>
+          <path d="M13.3602 1.96484H2.33691V12.9882H13.3602V1.96484Z" fill="#D7FF7B" stroke="black" stroke-width="0.062458" stroke-linecap="round" stroke-linejoin="round"/>
+          <path d="M0.0117188 0.0117188L2.33721 1.96518H13.3608L11.0351 0.0117188H0.0117188Z" fill="white" stroke="black" stroke-width="0.062458" stroke-linecap="round" stroke-linejoin="round"/>
+          <path d="M0.0117188 0.0117188L2.33721 1.96518V12.9885L0.0117188 11.0351V0.0117188Z" fill="white" stroke="black" stroke-width="0.062458" stroke-linecap="round" stroke-linejoin="round"/>
+          <rect x="4" y="4" width="8" height="0.5" rx="0.25" fill="#4E62F5"/>
+          <rect x="4" y="7" width="8" height="0.5" rx="0.25" fill="#4E62F5"/>
+          <rect x="4" y="10" width="8" height="0.5" rx="0.25" fill="#4E62F5"/>
+        </g>
+        <defs>
+          <clipPath id="clip0_223_10553">
+            <rect width="13.3723" height="13" fill="white"/>
+          </clipPath>
+        </defs>
       </svg>
     </label>
   </div>