feat: add popop with awfuls colors and backend api call

front/MyINPulse-front/src/App.vue

@@ -1,13 +1,11 @@
 <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 ErrorWrapper from "@/views/errorWrapper.vue";
 </script>
 
 <template>
-  <RouterView />
   <Header />
+  <error-wrapper></error-wrapper>
   <div id="main">
       <ProjectComp 
         v-for="(project, index) in projects" 
@@ -15,12 +13,16 @@ import ProjectComp from './components/Project-comp.vue';
         :projectName="project.name"
       />
     </div>
+  <RouterView />
 </template>
 
 <style scoped>
 </style>
 
 <script lang="ts">
+import Header from "@/components/Header.vue";
+import ProjectComp from "@/components/Project-comp.vue";
+
 export default {
   name: 'App',
   components: {