add: UserManagement to header

frontend/src/lib/components/Header.svelte

@@ -3,7 +3,8 @@
   import { applyAction, enhance } from "$app/forms";
   import { page } from "$app/stores";
   // import Developer from "$lib/img/hero-image.png";
-  import Avatar from "$lib/img/TeamAvatar.jpeg";
+  // import Avatar from "$lib/img/TeamAvatar.jpeg";
+  import { t } from "svelte-i18n";
   onMount(() => {
     console.log("Page data in Header:", $page);
   });
@@ -45,14 +46,22 @@
       {:else}
         <div class="header-nav-item">
           <a href="/auth/about/{$page.data.user.id}">
-            <img
-              src={$page.data.user.profile_picture
-                ? $page.data.user.profile_picture
-                : Avatar}
+            <!-- <img
+              src={$page.data.user.profile_picture  ? $page.data.user.profile_picture : Avatar}
               alt={`${$page.data.user.first_name} ${$page.data.user.last_name}`}
-            />
+            /> -->
+            {$page.data.user.first_name}
+            {$page.data.user.last_name}
           </a>
         </div>
+        {#if $page.data.user.role_id > 0}
+          <div
+            class="header-nav-item"
+            class:active={$page.url.pathname.startsWith("/auth/admin/users")}
+          >
+            <a href="/auth/admin/users">{$t("user.management")}</a>
+          </div>
+        {/if}
         <!-- {#if $page.data.user.is_superuser}
           <div
             class="header-nav-item"