refactor to UI components

src/App.vue

@@ -103,14 +103,14 @@ provide('loading', loading)
         notes.
       </p>
       <form @submit.prevent="submitPassphrase(close)">
-        <input
+        <UIInputText
           type="password"
-          class="input-bordered input mt-4 w-full"
-          :class="passphraseValid === false && 'input-error'"
+          class="w-full max-w-full"
+          :color="passphraseValid === false ? 'error' : 'regular'"
           v-model="passphrase"
-        />
+        ></UIInputText>
       </form>
-      <UIAlert color="error" class="mt-4">
+      <UIAlert color="error" class="mt-4" v-if="passphraseValid === false">
         <i class="fa-solid fa-triangle-exclamation"></i>
         The passphrase you entered is incorrect.
       </UIAlert>