style: enhance mobile menu button layout for better alignment

Author: jonaspm

src/components/Navigation.astro

@@ -7,7 +7,7 @@ const navItems = ['Home', 'Bio', 'Skills', 'Projects', 'Contact'];
         <!-- Mobile menu button -->
         <div class="flex items-center justify-between md:hidden">
             <a href="#home" class="text-grayblue-100 font-medium text-lg">Jonas <span class="text-blue-300">PM</span></a>
-            <button id="mobile-menu-button" class="text-grayblue-300 hover:text-blue-300 transition-colors focus:outline-none">
+            <button id="mobile-menu-button" class="text-grayblue-300 hover:text-blue-300 transition-colors focus:outline-none aspect-square">
                 <span class="material-symbols-rounded transition-transform duration-300" id="menu-icon">menu</span>
             </button>
         </div>