refactor: pretty much the whole backend module hierarchy

src/lib/components/Dialog/ConfirmDialog.svelte

@@ -30,7 +30,7 @@
 </script>
 
 <Dialog>
-	<div class="header2 mb-4">
+	<div class="h3 mb-4">
 		{header}
 	</div>
 	<div class="font-medium text-secondary-300 mb-8">

src/lib/components/Dialog/CreateOrEditProfileModal.svelte

@@ -165,7 +165,7 @@
 
 <Dialog class="grid" size={'dynamic'}>
 	<Tab {...tab} tab={Tabs.EditProfile} class="space-y-4 max-w-lg">
-		<h1 class="header2">
+		<h1 class="h3">
 			{createNew ? 'Create Account' : 'Edit Profile'}
 		</h1>
 		<TextField bind:value={name}>name</TextField>
@@ -236,7 +236,7 @@
 			detail.stopPropagation();
 		}}
 	>
-		<h1 class="header2 mb-6">Select Profile Picture</h1>
+		<h1 class="h3 mb-6">Select Profile Picture</h1>
 		<Container direction="grid" gridCols={3} class="grid grid-cols-3 gap-4 w-max">
 			<ProfileIcon
 				url={profilePictures.ana}

src/lib/components/Dialog/Dialog.svelte

@@ -21,7 +21,7 @@
 			/* For a11y*/
 		}}
 	>
-		<Panel {size} class={$$restProps.class}>
+		<Panel {size} class={$$restProps.class} onClose={handleClose}>
 			<slot close={handleClose} />
 		</Panel>
 	</div>

src/lib/components/Dialog/SelectDialog.svelte

@@ -4,6 +4,7 @@
 	import SelectItem from '../SelectItem.svelte';
 	import { modalStack } from '../Modal/modal.store';
 
+	// TODO: Add labels to the options
 	export let title: string = 'Select';
 	export let subtitle: string = '';
 	export let options: string[];
@@ -21,7 +22,7 @@
 <Dialog>
 	<div class="mb-4">
 		<slot>
-			<h1 class="header1">{title}</h1>
+			<h1 class="h4">{title}</h1>
 			<p class="text-secondary-300">{subtitle}</p>
 		</slot>
 	</div>

src/lib/components/Dialog/UpdateDialog.svelte

@@ -24,7 +24,7 @@
 	<div class="flex items-center justify-center text-secondary-500 mb-4">
 		<InfoCircled size={64} />
 	</div>
-	<h1 class="header2 text-center">Update Available</h1>
+	<h1 class="h3 text-center">Update Available</h1>
 	<div class="body mb-8 text-center">Reiverr {version} is now available.</div>
 	<Container class="space-y-4">
 		<Button type="primary-dark" on:clickOrSelect={dismiss}>Dismiss</Button>