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.

TODO.md

@@ -0,0 +1,10 @@
+● You're absolutely correct! The backend functionality is already there. We just need to add the UI components to interact with
+  the existing social functions.
+
+  The main missing pieces are:
+  1. Reply UI - buttons and forms to reply to notes
+  2. Reaction buttons - like/emoji buttons on each note
+  3. Note composition - form to write and publish new notes
+
+  Would you like me to start implementing these UI components? We could begin with adding reply and reaction buttons to the
+  existing NostrFeed component since the backend functions are already available.

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'