feat: canvas are now generic

front/MyINPulse-front/src/components/canvas/HeaderCanvas.vue

@@ -0,0 +1,36 @@
+<template>
+  <header>
+    <img src="../icons/logo inpulse.png" alt="INPulse Logo">
+    <div class="header-buttons">
+      <div class="contact-menu">
+        <button class="contact-button" @click="toggleDropdown">Contact</button>
+        <div class="contact-dropdown" v-show="isDropdownOpen">
+          <button>Contact All</button>
+          <button>Contact Person 1</button>
+          <button>Contact Person 2</button>
+          <button>Contact Person 3</button>
+        </div>
+        <div class="return"><a href="/">return to list project</a></div>
+      </div>
+    </div>
+  </header>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      isDropdownOpen: false
+    };
+  },
+  methods: {
+    toggleDropdown() {
+      this.isDropdownOpen = !this.isDropdownOpen;
+    }
+  }
+};
+</script>
+
+<style scoped>
+@import "@/components/canvas/style-project.css";
+</style>