hide profil button if user role = client

src/components/Menu.vue

@@ -78,7 +78,7 @@
     </nav>
     <footer class="w-full">
       <ul class="flex">
-        <li data-icon="user">
+        <li data-icon="user" v-if="user.role !== 'client'">
           <router-link to="/profil">Profil</router-link>
         </li>
         <li data-icon="logout">
@@ -94,9 +94,11 @@ import { storeToRefs } from "pinia";
 import { ref } from "vue";
 import { useProjectsStore } from "../stores/projects";
 import { useRoute } from "vue-router";
+import { useUserStore } from "../stores/user";
 
 const route = useRoute();
 const isExpanded = ref(true);
+const { user } = useUserStore();
 const { currentProjects, archivedProjects } = storeToRefs(useProjectsStore());
 
 const mainItems = [
@@ -162,7 +164,9 @@ button[aria-controls="menu"][aria-expanded="false"] {
   padding: 1.125rem;
   transform: rotate(180deg);
 }
-button[aria-controls="menu"][aria-expanded="false"] + main > header:not([role="tablist"]) {
+button[aria-controls="menu"][aria-expanded="false"]
+  + main
+  > header:not([role="tablist"]) {
   margin-left: 4rem;
 }