Polish mobile navbar and hero actions

components/mobile-nav.tsx

@@ -13,9 +13,10 @@ type MobileNavProps = {
   dir: "rtl" | "ltr";
   openLabel: string;
   closeLabel: string;
+  className?: string;
 };
 
-export function MobileNav({ items, dir, openLabel, closeLabel }: MobileNavProps) {
+export function MobileNav({ items, dir, openLabel, closeLabel, className }: MobileNavProps) {
   const [open, setOpen] = useState(false);
 
   useEffect(() => {
@@ -57,7 +58,7 @@ export function MobileNav({ items, dir, openLabel, closeLabel }: MobileNavProps)
   const label = open ? closeLabel : openLabel;
 
   return (
-    <div className="md:hidden">
+    <div className={className ? `md:hidden ${className}` : "md:hidden"}>
       <button
         type="button"
         className="theme-toggle mobile-menu-toggle"