feat: Enhance Navbar and IdentityDialog components with improved functionality and logging

- Update Navbar to close the mobile menu when opening the identity dialog.
- Add debug logging to IdentityDialog to track changes in the dialog's open state.
- Adjust styling for mobile menu and dialog content for better responsiveness.

src/components/layout/Navbar.vue

@@ -35,6 +35,7 @@ const toggleTheme = () => {
 }
 
 const openIdentityDialog = () => {
+  console.log('openIdentityDialog called')
   showIdentityDialog.value = true
   // Close mobile menu when opening dialog
   isOpen.value = false

src/components/nostr/IdentityDialog.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref, computed, watch } from 'vue'
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 import { Button } from '@/components/ui/button'