Polish mobile navbar and hero actions

components/navbar.tsx

@@ -61,15 +61,20 @@ export function Navbar({ language }: { language: Language }) {
           </div>
         </div>
 
-        <div className="navbar-mobile-controls flex items-center gap-2 md:hidden">
+        <div className={`navbar-mobile-controls flex items-center gap-2 md:hidden ${dir === "rtl" ? "flex-row-reverse" : ""}`}>
           <MobileNav
             items={navItems}
             dir={dir}
+            className="order-3"
             openLabel={language === "ar" ? "فتح القائمة" : "Open menu"}
             closeLabel={language === "ar" ? "إغلاق القائمة" : "Close menu"}
           />
-          <LanguageToggle language={language} />
-          <ThemeToggle language={language} />
+          <div className="order-2">
+            <LanguageToggle language={language} />
+          </div>
+          <div className="order-1">
+            <ThemeToggle language={language} />
+          </div>
         </div>
       </div>
     </header>