perf(Header): ocultar el enlace a Gestión de usuarios si el usuario no es Admin

src/components/Header.vue

@@ -17,7 +17,7 @@
               <i class="bi bi-person-circle fs-4"></i>
               <i class="bi bi-person-circle fs-4"></i>
             </button>
             </button>
             <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
             <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
-              <li><a class="dropdown-item" href="/users/management">Gestión</a></li>
+              <li v-if="isAdmin"><a class="dropdown-item" href="/users/management">Gestión</a></li>
               <li><a class="dropdown-item" href="/users/detail">Mis datos</a></li>
               <li><a class="dropdown-item" href="/users/detail">Mis datos</a></li>
               <li><hr class="dropdown-divider" /></li>
               <li><hr class="dropdown-divider" /></li>
               <li>
               <li>
@@ -55,7 +55,7 @@
               <i class="bi bi-person-circle fs-4"></i>
               <i class="bi bi-person-circle fs-4"></i>
             </button>
             </button>
             <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
             <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
-              <li><a class="dropdown-item" href="/users/management">Gestión</a></li>
+              <li v-if="isAdmin"><a class="dropdown-item" href="/users/management">Gestión</a></li>
               <li><a class="dropdown-item" href="/users/detail">Mis datos</a></li>
               <li><a class="dropdown-item" href="/users/detail">Mis datos</a></li>
               <li><hr class="dropdown-divider" /></li>
               <li><hr class="dropdown-divider" /></li>
               <li>
               <li>
@@ -72,6 +72,7 @@
 
 
 <script setup>
 <script setup>
 import { useAuthStore } from '@/stores/authStore';
 import { useAuthStore } from '@/stores/authStore';
+import { computed } from 'vue';
 import { useRouter } from 'vue-router';
 import { useRouter } from 'vue-router';
 
 
 const props = defineProps({
 const props = defineProps({
@@ -84,6 +85,10 @@ const props = defineProps({
 const authStore = useAuthStore();
 const authStore = useAuthStore();
 const router = useRouter();
 const router = useRouter();
 
 
+const isAdmin = computed(() => {
+  return authStore.user?.role == 'ADMIN';
+})
+
 async function handleLogout() {
 async function handleLogout() {
   await authStore.logout();
   await authStore.logout();
   router.push('/auth/login');
   router.push('/auth/login');