adds profile page

web/src/lib/components/base/modal.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
     export let id: string;
     export let title: string;
+    export let size: string = "2xl";
     export function openModal() {
         document.body.style.position = "fixed";
         document.body.style.width = "100%";
@@ -24,7 +25,7 @@
     {id}
     tabindex="-1"
     aria-hidden="true"
-    class="relative w-full max-w-2xl max-h-full rounded-xl text-content"
+    class="relative w-full max-w-{size} max-h-full rounded-xl text-content"
 >
     <!-- Modal content -->
     <div class="relative bg-background shadow">