Move hamburger to right, fix nav overflow, add auto language detection

src/components/navigation.tsx

@@ -34,7 +34,8 @@ export async function Navigation() {
           </Link>
         </div>
 
-        <MobileNav menuLabel={t("openMenu") || "Open menu"} closeLabel={t("closeMenu") || "Close menu"}>
+        <div className="ml-auto flex md:hidden">
+          <MobileNav menuLabel={t("openMenu") || "Open menu"} closeLabel={t("closeMenu") || "Close menu"}>
           <Link href="/" className="nav-item md:hidden" role="menuitem">
             <Image
               src="/assets/images/icons/navigation/me.png"
@@ -162,6 +163,7 @@ export async function Navigation() {
             <ThemeSwitcher />
           </div>
         </MobileNav>
+        </div>
 
         <div className="ml-auto flex items-center gap-x-1 hidden md:flex">
           <LanguageSwitcher />