chore: Update MobileNav component and Navigation styles

src/components/mobile-nav.tsx

@@ -54,12 +54,6 @@ export function MobileNav() {
                   >
                     Release Notes
                   </MobileLink>
-                  <MobileLink
-                    href="https://github.com/zen-browser"
-                    onOpenChange={setOpen}
-                  >
-                    Source Code
-                  </MobileLink>
                   <MobileLink
                      href="https://patreon.com/zen_browser?utm_medium=unknown&utm_source=join_link&utm_campaign=creatorshare_creator&utm_content=copyLink"
                      onOpenChange={setOpen}

src/components/navigation.tsx

@@ -38,7 +38,7 @@ export const components: { title: string; href: string; description: string }[]
  
 export function Navigation() {
   return (
-    <div className="bg-background z-10 top-0 left-0 w-full flex fixed border-b border-grey p-2 items-center justify-center">
+    <div className="bg-background z-40 top-0 left-0 w-full flex fixed border-b border-grey p-2 items-center justify-center">
       <MobileNav />
       <NavigationMenu>
         <NavigationMenuList className="w-full hidden sm:flex">

src/components/theme-card.tsx

@@ -27,7 +27,7 @@ export default function ThemeCard({
           <p className="text-md mt-2 overflow-ellipsis text-muted-foreground text-start">{theme.description}</p>
         </ThemeCardWrapepr>
       </DialogTrigger>
-      <DialogContent forceMount>
+      <DialogContent>
         <DialogHeader>
           <img src={theme.image} alt={theme.name} className="w-full h-32 object-cover rounded-md mb-10" />
           <DialogTitle>{theme.name}</DialogTitle>