delete account ui functionality

src/App.vue

@@ -33,6 +33,7 @@ provide('firebaseAuthUI', firebaseAuthUI)
 watch(
   [activeNotesSource, encryptionKey],
   () => {
+    console.log(activeNotesSource.value)
     if (activeNotesSource.value === 'firebase') {
       getClientKey()
       getEncryptionKey()
@@ -51,7 +52,7 @@ const submitPassphrase = (close: () => void) => {
   if (passphraseValid.value) close()
 }
 
-const loading = computed(() => notes.value.length === 0 || passphraseRequired.value)
+const loading = computed(() => notes.value.length === 0 || passphraseRequired.value || !activeNotesSource.value)
 provide('loading', loading)
 </script>
 
@@ -100,14 +101,14 @@ provide('loading', loading)
   <UIModal :open="passphraseRequired" :persistent="true">
     <template #title>Enter your passphrase</template>
     <template #default="{ close }">
-      <p>
+      <div>
         Your notes are encrypted. Please enter your encryption key passphrase to decrypt your cloud
         notes.
-      </p>
+      </div>
       <form @submit.prevent="submitPassphrase(close)">
         <UIInputText
           type="password"
-          class="w-full max-w-full"
+          class="w-full !max-w-full"
           :color="passphraseValid === false ? 'error' : 'regular'"
           v-model="passphrase"
         ></UIInputText>