ajoute de la nav bar et de route

front-end/src/components/NavBar.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="container-nav">
+    <div class="nav-logo" style="margin-left:1vw;margin-top:1vh;">
+      <img src="/logologoWsl.svg" alt="Logo" />
+    </div>
+
+    <ul>
+      <li><RouterLink to="/"><span><img src="/dashboard.svg"/></span>DASHBOARD</RouterLink></li>
+    </ul>
+
+    <ul>
+        <li class="li-nav-list" @click="toggleCLient">
+        <span><img src="/client.svg"/></span>CLIENT <span><img src="/arrow.svg" /></span>
+      </li>
+      <ul v-show="showClient">
+          <li><span><img src="/addUser.svg"/></span>Nouveau</li>
+          <li><span><img src="/list.svg"/></span>Liste</li>
+        </ul>
+    </ul>
+
+    <ul>
+      <li class="li-nav-list" @click="toggleTicket">
+        <span><img src="/ticket.svg"/></span>TICKET <span><img src="/arrow.svg" /></span>
+      </li>
+      <ul v-show="showTicket">
+          <li><span><img src="/add.svg"/></span>Nouveau</li>
+          <li><span><img src="/list.svg"/></span>Liste</li>
+        </ul>
+    </ul>
+
+    <ul>
+      <li class="li-nav-list" @click="toggleIntervention">
+       <span><img src="/inter.svg"/></span> INTERVENTION <span><img src="/arrow.svg" /></span>
+      </li>
+      <ul v-show="showIntervention">
+          <li><span><img src="/calandar.svg"/></span>Calendrier</li>
+          <li><span><img src="/list.svg"/></span>Liste</li>
+        </ul>
+    </ul>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+// chaque menu a sa propre variable
+const showTicket = ref(false)
+const showIntervention = ref(false)
+const showClient = ref(false)
+
+const toggleTicket = () => {
+  showTicket.value = !showTicket.value
+}
+
+const toggleIntervention = () => {
+  showIntervention.value = !showIntervention.value
+}
+
+const toggleCLient = () => {
+    showClient.value = !showClient.value
+}
+</script>
+
+<style scoped>
+.container-nav {
+  user-select: none;
+}
+
+.li-nav-list {
+  cursor: pointer;
+}
+
+
+
+</style>