chore: Update mobile navigation component layout and styles

src/components/mobile-nav.tsx

@@ -18,8 +18,8 @@ export function MobileNav() {
    return (
       <Sheet open={open} onOpenChange={setOpen}>
          <SheetTrigger asChild>
-            <>
-               <Logo className="size-6 sm:hidden" />
+            <div className="z-40 flex w-full items-center space-between">
+               <Logo className="size-6 ml-4 sm:hidden" />
                <Button
                   variant="ghost"
                   className="mr-2 px-0 ml-auto text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 sm:hidden"
@@ -27,7 +27,7 @@ export function MobileNav() {
                   <SidebarOpen className="size-6" />
                   <span className="sr-only">Toggle Menu</span>
                </Button>
-            </>
+            </div>
          </SheetTrigger>
          <SheetContent side="left" className="pr-0">
             <MobileLink