fix: emptyed the app.vue and did some code reorganisation

front/MyINPulse-front/src/App.vue

@@ -1,76 +1,18 @@
 <script setup lang="ts">
 import { RouterLink, RouterView } from 'vue-router'
-import HelloWorld from './components/HelloWorld.vue'
-import Header from './components/Header.vue';
-import ProjectComp from './components/Project-comp.vue';
-import CanvasView from './components/canvas/LeanCanvas.vue';
 import ErrorWrapper from "@/views/errorWrapper.vue";
 </script>
 
 <template>
-  <Header />
-  <error-wrapper></error-wrapper>
-  <div id="main">
-      <ProjectComp 
-        v-for="(project, index) in projects" 
-        :key="index"
-        :projectName="project.name"
-        :listName="project.members"
-        :projectLink="project.link"
-      />
-    </div>
-  <div id="canvas">
-      <button @click="$router.push('/canvas')">Voir Canvas</button>
-  </div>
+
+<Header />
+  <!--<nav>
+    <RouterLink to="/">Home</RouterLink> |
+    <RouterLink to="/canvas">Canvas</RouterLink>
+  </nav>-->
+
   <RouterView />
 </template>
 
-<style scoped>
 
-#canvas { /* My shit */
-  margin-top: 20px;
-}
-button {
-  padding: 10px 15px;
-  background-color: #007bff;
-  color: white;
-  border: none;
-  cursor: pointer;
-  border-radius: 5px;
-}
-button:hover {
-  background-color: #0056b3;
-}
 
-</style>
-
-<script lang="ts">
-//import Header from "@/components/Header.vue";
-//import ProjectComp from "@/components/Project-comp.vue";
-
-export default {
-  name: 'App',
-  components: {
-    Header,
-    ProjectComp,
-    CanvasView, // My shit
-  },
-  data() {
-    return {
-      projects: [
-        {
-          name: 'Projet Alpha',
-          link: '/project-alpha.html',//to test
-          members: ['Alice', 'Bob', 'Charlie'],
-        },
-        {
-          name: 'Projet Beta',
-          link: './project-beta.html', //to test
-          members: ['David', 'Eve', 'Frank'],
-        },
-      ],
-    };
-  },
-};
-
-</script>