fix necessary import for sonner toast component

https://www.shadcn-vue.com/docs/components/sonner.html

src/App.vue

@@ -5,6 +5,7 @@ import Footer from '@/components/layout/Footer.vue'
 import ConnectionStatus from '@/components/nostr/ConnectionStatus.vue'
 import PasswordDialog from '@/components/nostr/PasswordDialog.vue'
 import { Toaster } from '@/components/ui/sonner'
+import 'vue-sonner/style.css'
 import { useNostr } from '@/composables/useNostr'
 import { identity } from '@/composables/useIdentity'
 import { toast } from 'vue-sonner'
@@ -41,10 +42,10 @@ onMounted(async () => {
       console.error('Failed to initialize identity:', error)
     }
   }
-  
+
   // Connect to Nostr relays
   await connect()
-  
+
   // Check push notification status
   await nostrStore.checkPushNotificationStatus()
 })
@@ -62,11 +63,7 @@ onUnmounted(() => {
         class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
         <nav class="container flex h-14 items-center justify-between">
           <Navbar />
-          <ConnectionStatus 
-            :is-connected="isConnected" 
-            :is-connecting="isConnecting" 
-            :error="error" 
-          />
+          <ConnectionStatus :is-connected="isConnected" :is-connecting="isConnecting" :error="error" />
         </nav>
       </header>
 
@@ -81,12 +78,8 @@ onUnmounted(() => {
     <Toaster />
 
     <!-- Password unlock dialog -->
-    <PasswordDialog
-      v-model:is-open="showPasswordDialog"
-      title="Unlock Identity"
-      description="Your Nostr identity is encrypted. Enter your password to unlock it."
-      @password="handlePasswordUnlock"
-      @cancel="handlePasswordCancel"
-    />
+    <PasswordDialog v-model:is-open="showPasswordDialog" title="Unlock Identity"
+      description="Your Nostr identity is encrypted. Enter your password to unlock it." @password="handlePasswordUnlock"
+      @cancel="handlePasswordCancel" />
   </div>
 </template>