Refactor settings to use profiles

src/lib/components/Settings/Settings.svelte

@@ -6,8 +6,7 @@
   import { promptConfirmation } from '$lib/util';
   import AnkiConnectSettings from './AnkiConnectSettings.svelte';
   import ReaderSettings from './Reader/ReaderSettings.svelte';
-  import VolumeSettings from './VolumeSettings.svelte';
-  // import Profiles from './Profiles.svelte';
+  import Profiles from './Profiles.svelte';
 
   let transitionParams = {
     x: 320,
@@ -43,10 +42,9 @@
   </div>
   <div class="flex flex-col gap-5">
     <Accordion flush>
-      <VolumeSettings />
       <ReaderSettings />
       <AnkiConnectSettings />
-      <!-- <Profiles /> -->
+      <Profiles />
     </Accordion>
     <div class="flex flex-col gap-2">
       <Button outline on:click={onReset}>Reset</Button>