Refactor settings to use profiles

src/routes/+page.svelte

@@ -1,5 +1,15 @@
 <script lang="ts">
   import Catalog from '$lib/components/Catalog.svelte';
+  import { createProfile, deleteProfile } from '$lib/settings';
+  import { Button } from 'flowbite-svelte';
+
+  function newProfile() {
+    createProfile('New');
+  }
+
+  function Delete() {
+    deleteProfile('New');
+  }
 </script>
 
 <svelte:head>
@@ -7,5 +17,7 @@
 </svelte:head>
 
 <div class="p-2 h-[90svh]">
+  <Button on:click={newProfile}>New profile</Button>
+  <Button on:click={Delete}>Delete</Button>
   <Catalog />
 </div>