more ui components

src/components/TopBar/Settings.vue

@@ -26,7 +26,7 @@ const handleClick = (fn: (...args: any[]) => any) => {
   <OnClickOutside>
     <UIDropdown class="search-active-hide">
       <template #activator>
-        <UIButton size="sm" variant="outline" tabindex="0" class="py-1 text-white">
+        <UIButton :dropdown="true" size="sm" variant="outline" class="py-1 text-white">
           <i class="fa-fw fa-solid fa-user-gear" />
         </UIButton>
       </template>
@@ -34,6 +34,7 @@ const handleClick = (fn: (...args: any[]) => any) => {
         <UIDropdownItem
           v-for="source in availableNotesSources.filter((source) => source !== activeNotesSource)"
           :key="source"
+          @click="handleClick(() => (preferredNotesSource = source))"
         >
           <i class="fa-fw fa-solid fa-database" />
           {{ sourceLabels[source] }}