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

front/MyINPulse-front/src/views/AdminMain.vue

@@ -0,0 +1,82 @@
+<script setup lang="ts">
+import Header from '../components/Header.vue';
+import Agenda from "../components/Agenda.vue"
+import ProjectComp from '../components/Project-comp.vue';
+</script>
+
+
+<template>
+    <Header />
+    <error-wrapper></error-wrapper>
+    <div id="container"> 
+      <div id="main">
+          <ProjectComp 
+            v-for="(project, index) in projects" 
+            :key="index"
+            :projectName="project.name"
+            :listName="project.members"
+            :projectLink="project.link"
+          />
+      </div>
+  
+      <Agenda :projectRDV="rendezVous" />
+    </div>
+    
+</template>
+
+<script lang="ts">
+
+export default {
+  name: "App",
+  components: {
+    Header,
+    ProjectComp,
+  },
+  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"],
+        },
+      ], 
+
+      rendezVous: [ 
+        { projectName: "Projet Alpha", date: "2025-03-10", lieu: "P106" },
+        { projectName: "Projet Beta", date: "2025-04-15", lieu: "Td10" },
+      ],
+    };
+  },
+};
+
+
+</script>
+
+<style scoped>
+
+#container {
+    margin: 0;
+    display: grid;
+    grid-template-columns: 3fr 1fr; /* Main body takes 3/4, agenda 1/4 */
+    height: 100vh; /* Full viewport height */
+}
+
+button {
+  padding: 10px 15px;
+  background-color: #007bff;
+  color: white;
+  border: none;
+  cursor: pointer;
+  border-radius: 5px;
+}
+button:hover {
+  background-color: #0056b3;
+}
+
+</style>