Neuaufbau des Repositories

resources/js/layouts/AdminLayout.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Link, usePage } from '@inertiajs/vue3';
-import { LayoutGrid, Gift, Settings, LogOut, Menu, X, Bell, CheckCircle, AlertCircle, Info, Trophy } from 'lucide-vue-next';
+import { LayoutGrid, Gift, Settings, LogOut, Menu, X, Bell, CheckCircle, AlertCircle, Info, Trophy, Users } from 'lucide-vue-next';
 import { ref, watch, onMounted } from 'vue';
 
 const isSidebarOpen = ref(false); // Default to closed on mobile
@@ -12,6 +12,7 @@ const navItems = [
     { title: 'Leaderboard', href: '/leaderboard', icon: Trophy, isExternal: true },
     { title: 'Dashboard', href: '/dashboard', icon: LayoutGrid },
     { title: 'Bonuses', href: '/admin/bonuses', icon: Gift },
+    { title: 'Users', href: '/admin/users', icon: Users },
 ];
 
 const notification = ref<{ message: string; type: 'success' | 'error' | 'info' } | null>(null);
@@ -190,10 +191,10 @@ onMounted(() => {
                     <div class="flex items-center gap-3">
                         <div class="text-right hidden sm:block">
                             <div class="text-sm font-bold">{{ $page.props.auth?.user?.name || 'Admin' }}</div>
-                            <div class="text-[10px] text-purple-400 font-black uppercase tracking-widest">Administrator</div>
+                            <div class="text-[10px] text-purple-400 font-black uppercase tracking-widest">{{ $page.props.auth?.user?.role || 'Administrator' }}</div>
                         </div>
                         <div class="w-8 h-8 md:w-10 md:h-10 rounded-full bg-gradient-to-br from-purple-500 to-blue-500 p-[2px] shrink-0">
-                            <div class="w-full h-full rounded-full bg-[#0f172a] flex items-center justify-center font-bold text-xs">
+                            <div class="w-full h-full rounded-full bg-[#0f172a] flex items-center justify-center font-bold text-xs uppercase">
                                 {{ ($page.props.auth?.user?.name || 'A').charAt(0) }}
                             </div>
                         </div>