refactor to ui components

src/components/TopBar/Settings.vue

@@ -45,7 +45,7 @@ const handleClick = (fn: (...args: any[]) => any) => {
             {{ sourceLabels[source] }}
           </a>
         </li>
-        <Modal>
+        <UIModal>
           <template #activator="{ open }">
             <li @click="open" class="text-base">
               <a>
@@ -63,7 +63,7 @@ const handleClick = (fn: (...args: any[]) => any) => {
             <button class="btn-sm btn" @click="close">Cancel</button>
             <button class="btn-primary btn-sm btn" @click="signOut(close)">Sign out</button>
           </template>
-        </Modal>
+        </UIModal>
       </ul>
     </div>
   </OnClickOutside>