Added search preferences section with several initial settings

src/routes/+page.svelte

@@ -6,5 +6,6 @@
 <Menu>
     <MenuItem href="/settings/maintenance">Tagging Profiles</MenuItem>
     <hr>
+    <MenuItem href="/preferences">Preferences</MenuItem>
     <MenuItem href="/about">About</MenuItem>
 </Menu>

src/routes/preferences/+page.svelte

@@ -0,0 +1,10 @@
+<script>
+    import Menu from "$components/ui/menu/Menu.svelte";
+    import MenuItem from "$components/ui/menu/MenuItem.svelte";
+</script>
+
+<Menu>
+    <MenuItem href="/" icon="arrow-left">Back</MenuItem>
+    <hr>
+    <MenuItem href="/preferences/search">Search</MenuItem>
+</Menu>

src/routes/preferences/search/+page.svelte

@@ -0,0 +1,27 @@
+<script>
+    import Menu from "$components/ui/menu/Menu.svelte";
+    import MenuItem from "$components/ui/menu/MenuItem.svelte";
+    import FormContainer from "$components/ui/forms/FormContainer.svelte";
+    import FormControl from "$components/ui/forms/FormControl.svelte";
+    import {
+        searchPropertiesSuggestionsEnabled,
+        searchPropertiesSuggestionsPosition
+    } from "$stores/search-preferences.js";
+    import CheckboxField from "$components/ui/forms/CheckboxField.svelte";
+    import SelectField from "$components/ui/forms/SelectField.svelte";
+</script>
+
+<Menu>
+    <MenuItem icon="arrow-left" href="/preferences">Back</MenuItem>
+    <hr>
+</Menu>
+<FormContainer>
+    <FormControl>
+        <CheckboxField bind:checked={$searchPropertiesSuggestionsEnabled}>
+            Enable auto-completion for properties
+        </CheckboxField>
+    </FormControl>
+    <FormControl label="Location of properties suggestions">
+        <SelectField bind:value={$searchPropertiesSuggestionsPosition} options="{['start', 'end']}"></SelectField>
+    </FormControl>
+</FormContainer>