feat(settings): add background selector

src/svelte-interface/pages/settings/theme.svelte

@@ -1,11 +1,19 @@
 <script lang="ts">
-
+  import BackgroundSelector from "@/svelte-interface/components/themes/BackgroundSelector.svelte"
+  
+  // backgrounds
+  let selectedBackground = $state<string | null>(null);
+  let selectNoBackground = $state<() => void>(() => { });
+    
+  let clearTheme = $derived(selectedBackground !== null);
+  let editMode = $state<boolean>(false);
 </script>
 
-<div class="pt-4">
+<div class="py-4">
   <button
+    onclick={() => selectNoBackground()}
     class="w-full px-4 py-2 mb-4 text-[13px] text-white transition rounded-xl bg-zinc-700/50">
-    Clear Theme
+    { clearTheme ? 'Clear Theme' : 'Select Theme' }
   </button>
-
+  <BackgroundSelector isEditMode={editMode} bind:selectedBackground={selectedBackground} bind:selectNoBackground={selectNoBackground} />
 </div>