Added user role label mapper

Author: Yelo420

src/pages/Administration.tsx

@@ -33,7 +33,7 @@ import Card from "../components/Card";
 // Legacy modals (inline styles) brought back from old-src for now
 import { RegisterUserModal } from "@/components/admin/RegisterUserModal";
 import { UserEditorModal } from "@/components/admin/UserEditorModal";
-import { GamevaultUser, GamevaultUserRoleEnum } from "../api";
+import { GamevaultUser, GamevaultUserRoleEnum, GamevaultUserRoleLabels } from "../api";
 import BackupRestoreDialog from "../components/admin/BackupRestoreDialog";
 import { Label } from "../components/tailwind/fieldset";
 
@@ -344,7 +344,9 @@ export default function Administration() {
                       >
                         {Object.values(GamevaultUserRoleEnum).map((r) => (
                           <ListboxOption key={r} value={r}>
-                            <ListboxLabel>{r}</ListboxLabel>
+                            <ListboxLabel>
+                              {GamevaultUserRoleLabels[Number(r)] ?? r}
+                            </ListboxLabel>
                           </ListboxOption>
                         ))}
                       </Listbox>

src/pages/Community.tsx

@@ -6,7 +6,7 @@ import { Heading } from "@tw/heading";
 import { Listbox, ListboxLabel, ListboxOption } from "@tw/listbox";
 import { useEffect, useMemo, useState } from "react";
 import { useNavigate } from "react-router";
-import { GamevaultUser } from "../api";
+import { GamevaultUser, GamevaultUserRoleLabels } from "../api";
 
 export default function Community() {
   const { serverUrl, authFetch, user: loggedIn } = useAuth();
@@ -167,7 +167,7 @@ export default function Community() {
               </div>
             )}
             <div className="inline-flex items-center rounded-md border px-2 py-0.5 text-xs border-zinc-300/60 text-zinc-700 dark:border-zinc-700/60 dark:text-zinc-200">
-              {current?.role}
+              {current?.role != null ? (GamevaultUserRoleLabels[Number(current.role)] ?? current.role) : ""}
             </div>
           </div>
         </div>

src/utils/roles.ts

@@ -0,0 +1,13 @@
+// Role label helper (non-generated)
+// Maps backend numeric roles to human-readable labels.
+export const ROLE_LABELS: Record<number, string> = {
+  0: "Guest",
+  1: "User",
+  2: "Editor",
+  3: "Admin",
+};
+
+export function getRoleLabel(role: number | null | undefined): string {
+  if (role === null || role === undefined) return "";
+  return ROLE_LABELS[Number(role)] ?? String(role);
+}