Added a RessourceManager for uploading files

src/routes/+page.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
     import { goto } from "$app/navigation";
     import { env } from "$env/dynamic/public";
+    import RessourceManager from "$lib/RessourceManager.svelte";
     import UserSvelte from "$lib/User.svelte";
     import websocket, { SocketConnectionType } from "$lib/websocket.svelte";
     import axios from "axios";
 
+    let showRessourceManager = $state(false);
+
     $effect(() => {
         if (websocket.connectionType === SocketConnectionType.HOST) {
             console.log(`Type: ${websocket.connectionType}. Redirecting to /connected/games`);
@@ -53,11 +56,11 @@
         {#if UserSvelte.role === "admin"}
             <button type="button" class="btn" onclick={() => goto("/admin")}>Administration</button>
         {/if}
-        <button type="button" class="btn" onclick={() => goto("/settings")}>Einstellungen</button>
-        <button type="button" class="btn" onclick={logout}>Logout</button>
-        <button type="button" class="btn" onclick={logoutFromAllDevices}
-            >Logout von allen Geräten</button
+        <button type="button" class="btn" onclick={() => (showRessourceManager = true)}
+            >Ressourcen</button
         >
+        <button type="button" class="btn" onclick={() => goto("/settings")}>Einstellungen</button>
+        <button type="button" class="btn" onclick={logoutFromAllDevices}>Logout</button>
         <div class="btn profile ps-2 pe-2">
             <i class="fa-regular fa-user"></i>
             {UserSvelte.username}
@@ -74,6 +77,8 @@
     </div>
 </div>
 
+<RessourceManager bind:show={showRessourceManager}></RessourceManager>
+
 <style>
     .profile {
         border-color: gray;