Update Dependencies and Refactor Navbar

src/components/dashboard/UserInfo.svelte

@@ -26,6 +26,7 @@
     import {tokenStore} from "@repo/repo.ts";
     import SWModal from "@components/styled/SWModal.svelte";
     import SWButton from "@components/styled/SWButton.svelte";
+    import Card from "@components/Card.svelte";
 
     export let user: Player;
 
@@ -38,14 +39,12 @@
 
 <div class="flex mb-4 flex-col md:flex-row">
     <div>
-        <div class="bg-zinc-50 border-gray-100 py-24 px-12 border-2 m-2 transition duration-300 ease-in-out rounded-xl shadow-lg hidden md:block
-									hover:scale-105 hover:shadow-2xl
-									dark:bg-neutral-900 dark:border-gray-800 dark:text-white">
+        <Card>
             <figure>
                 <figcaption class="text-center mb-4 text-2xl">{user.name}</figcaption>
                 <img src={`${import.meta.env.PUBLIC_API_SERVER}/data/skin/${user.uuid}`} class="transition duration-300 ease-in-out hover:scale-110 hover:drop-shadow-2xl" alt={user.name + "s bust"} width="150" height="150" />
             </figure>
-        </div>
+        </Card>
         <div class="flex flex-wrap">
             <button class="btn mt-2" on:click={logout}>{t("dashboard.buttons.logout")}</button>
             {#if user.perms.includes("MODERATION")}