Add LibrarySettings and update edit library modal to include settings tab

client/components/ui/MediaIconPicker.vue

@@ -40,8 +40,8 @@ export default {
       showMenu: false,
       types: [
         {
-          id: 'default',
-          name: 'Default'
+          id: 'database',
+          name: 'Database'
         },
         {
           id: 'audiobook',
@@ -65,7 +65,7 @@ export default {
   computed: {
     selected: {
       get() {
-        return this.value || 'default'
+        return this.value || 'database'
       },
       set(val) {
         this.$emit('input', val)
@@ -75,7 +75,7 @@ export default {
       return this.types.find((t) => t.id === this.selected)
     },
     selectedName() {
-      return this.selectedItem ? this.selectedItem.name : 'Default'
+      return this.selectedItem ? this.selectedItem.name : 'Database'
     }
   },
   methods: {

client/components/ui/TextInputWithLabel.vue

@@ -3,7 +3,7 @@
     <p class="px-1 text-sm font-semibold" :class="disabled ? 'text-gray-400' : ''">
       {{ label }}<em v-if="note" class="font-normal text-xs pl-2">{{ note }}</em>
     </p>
-    <ui-text-input ref="input" v-model="inputValue" :disabled="disabled" :readonly="readonly" :type="type" class="w-full" />
+    <ui-text-input ref="input" v-model="inputValue" :disabled="disabled" :readonly="readonly" :type="type" class="w-full" @blur="inputBlurred" />
   </div>
 </template>
 
@@ -38,6 +38,9 @@ export default {
       if (this.$refs.input && this.$refs.input.blur) {
         this.$refs.input.blur()
       }
+    },
+    inputBlurred() {
+      this.$emit('blur')
     }
   },
   mounted() {}