refactor to ui components

src/App.vue

@@ -95,7 +95,7 @@ provide('loading', loading)
       <SkeletonNote v-else />
     </main>
   </div>
-  <Modal :open="passphraseRequired" :persistent="true">
+  <UIModal :open="passphraseRequired" :persistent="true">
     <template #title>Enter your passphrase</template>
     <template #default="{ close }">
       <p>
@@ -118,9 +118,9 @@ provide('loading', loading)
       </div>
     </template>
     <template #actions="{ close }">
-      <button class="btn-primary btn-sm btn" @click="submitPassphrase(close)">Submit</button>
+      <UIButton color="primary" size="sm" @click="submitPassphrase(close)">Submit</UIButton>
     </template>
-  </Modal>
+  </UIModal>
 </template>
 <style scoped>
 .sidebar-enter-from,