Added search settings controller, sync settings in popup with the class

src/stores/search-preferences.js

@@ -1,6 +1,24 @@
 import {writable} from "svelte/store";
+import SearchSettings from "$lib/extension/settings/SearchSettings.js";
 
 export const searchPropertiesSuggestionsEnabled = writable(false);
 
-/** @type {import('svelte').Writable<"start"|"end">} */
+/** @type {import('svelte/store').Writable<"start"|"end">} */
 export const searchPropertiesSuggestionsPosition = writable('start');
+
+const searchSettings = new SearchSettings();
+
+Promise.allSettled([
+  // First we wait for all properties to load and save
+  searchSettings.resolvePropertiesSuggestionsEnabled().then(v => searchPropertiesSuggestionsEnabled.set(v)),
+  searchSettings.resolvePropertiesSuggestionsPosition().then(v => searchPropertiesSuggestionsPosition.set(v))
+]).then(() => {
+  // And then we can start reading value changes from the writable objects
+  searchPropertiesSuggestionsEnabled.subscribe(value => {
+    void searchSettings.setPropertiesSuggestions(value);
+  });
+
+  searchPropertiesSuggestionsPosition.subscribe(value => {
+    void searchSettings.setPropertiesSuggestionsPosition(value);
+  });
+})