Update mobile-menu.tsx

Author: haydenbleasel

docs/components/geistdocs/mobile-menu.tsx

@@ -1,20 +1,20 @@
-"use client";
+'use client'
 
-import { MenuIcon } from "lucide-react";
-import { useSidebarContext } from "@/hooks/geistdocs/use-sidebar";
-import { Button } from "../ui/button";
+import { MenuIcon } from 'lucide-react'
+import { useSidebarContext } from '@/hooks/geistdocs/use-sidebar'
+import { Button } from '../ui/button'
 
 export const MobileMenu = () => {
-  const { isOpen, setIsOpen } = useSidebarContext();
+  const { isOpen, setIsOpen } = useSidebarContext()
 
   return (
     <Button
-      className="xl:hidden"
+      className='md:hidden'
       onClick={() => setIsOpen(!isOpen)}
-      size="icon-sm"
-      variant="ghost"
+      size='icon-sm'
+      variant='ghost'
     >
-      <MenuIcon className="size-4" />
+      <MenuIcon className='size-4' />
     </Button>
-  );
-};
+  )
+}