diff --git a/src/components/ProjectRequestDialog.vue b/src/components/ProjectRequestDialog.vue
index 0d7eea9..ca96ecb 100644
--- a/src/components/ProjectRequestDialog.vue
+++ b/src/components/ProjectRequestDialog.vue
@@ -4,7 +4,7 @@
     v-model:visible="isOpen"
     modal
     :draggable="false"
-    dismissableMask="true"
+    :dismissableMask="true"
     header="Demander la création d’un projet"
     class="dialog"
     :closeOnEscape="true"
@@ -44,7 +44,7 @@
         id="project-dtl"
         class="w-full text-left rounded-md border border-grey-200 text-grey-800 p-12"
         style="align-self: flex-start"
-        :class="{ 'selected': isDTLEnabled }"
+        :class="{ selected: isDTLEnabled }"
       >
         <input id="dtl" type="checkbox" v-model="isDTLEnabled" />
         <label
@@ -78,20 +78,20 @@
 </template>
 
 <script setup>
-import Dialog from "primevue/dialog";
-import { ref, watch } from "vue";
-import { useApiStore } from "../stores/api";
+import Dialog from 'primevue/dialog';
+import { ref, watch } from 'vue';
+import { useApiStore } from '../stores/api';
 
-const title = ref("");
-const details = ref("");
+const title = ref('');
+const details = ref('');
 const isDTLEnabled = ref(false);
 const api = useApiStore();
 const isOpen = ref(true);
-const emits = defineEmits("close");
+const emits = defineEmits('close');
 
 watch(isOpen, (newValue) => {
   if (!newValue) {
-    emits("close");
+    emits('close');
   }
 });
 
@@ -102,7 +102,7 @@ async function handleSubmit() {
     isDTLEnabled: isDTLEnabled.value,
   };
 
-  const response = await api.post(formData, "request-project-creation.json");
+  const response = await api.post(formData, 'request-project-creation.json');
   isOpen.value = false;
 }
 </script>
diff --git a/src/components/design-to-light/OptimizationRequestDialog.vue b/src/components/design-to-light/OptimizationRequestDialog.vue
index dbd732f..d5ec8c0 100644
--- a/src/components/design-to-light/OptimizationRequestDialog.vue
+++ b/src/components/design-to-light/OptimizationRequestDialog.vue
@@ -4,7 +4,7 @@
     v-model:visible="isOpen"
     modal
     :draggable="false"
-    dismissableMask="true"
+    :dismissableMask="true"
     header="Demander un rendez-vous"
     class="dialog"
     :closeOnEscape="true"
diff --git a/src/components/project/PhysicalSample.vue b/src/components/project/PhysicalSample.vue
index 8bd64fe..8238734 100644
--- a/src/components/project/PhysicalSample.vue
+++ b/src/components/project/PhysicalSample.vue
@@ -4,20 +4,27 @@
     v-model:visible="isOpen"
     modal
     :draggable="false"
-    dismissableMask="true"
+    :dismissableMask="true"
     class="dialog"
     :closeOnEscape="true"
-    :style="'--cover: url('+physicalSample.cover+')'"
+    :style="'--cover: url(' + physicalSample.cover + ')'"
   >
- 	 	<template #header>
- 	 		<h2 class="text-lg font-serif">{{ physicalSample.title }}</h2>
- 	 		<time class="font-medium text-sm py-8" :datetime="physicalSample.date">{{ physicalSample.date }}</time>
+    <template #header>
+      <h2 class="text-lg font-serif">{{ physicalSample.title }}</h2>
+      <time class="font-medium text-sm py-8" :datetime="physicalSample.date">{{
+        physicalSample.date
+      }}</time>
       <p>{{ physicalSample.description }}</p>
- 	 	</template>
+    </template>
     <div class="overflow-y h-full mt-32 pb-32">
       <div class="masonry flow pb-32">
         <template v-for="(item, index) in physicalSample.files" :key="item.id">
-          <img class="rounded-xl" :src="item.url" :alt="item.alt" :data-id="item.id" />
+          <img
+            class="rounded-xl"
+            :src="item.url"
+            :alt="item.alt"
+            :data-id="item.id"
+          />
         </template>
       </div>
     </div>
@@ -25,11 +32,11 @@
 </template>
 
 <script setup>
-import Dialog from "primevue/dialog";
-import { ref, watch } from "vue";
-import { useDialogStore } from "../../stores/dialog";
-import { useRoute, useRouter } from "vue-router";
-import { usePageStore } from "../../stores/page.js";
+import Dialog from 'primevue/dialog';
+import { ref, watch } from 'vue';
+import { useDialogStore } from '../../stores/dialog';
+import { useRoute, useRouter } from 'vue-router';
+import { usePageStore } from '../../stores/page.js';
 
 // Variables
 const router = useRouter();
diff --git a/src/components/project/Project.vue b/src/components/project/Project.vue
index 8808cb0..1ed2284 100644
--- a/src/components/project/Project.vue
+++ b/src/components/project/Project.vue
@@ -39,16 +39,16 @@
 </template>
 
 <script setup>
-import dayjs from "dayjs";
-import "dayjs/locale/fr";
-import { useProjectStore } from "../../stores/project";
+import dayjs from 'dayjs';
+import 'dayjs/locale/fr';
+import { useProjectStore } from '../../stores/project';
 
-dayjs.locale("fr");
+dayjs.locale('fr');
 
-const { project } = defineProps({ project: Array });
+const { project } = defineProps({ project: Object });
 
 const frenchFormattedModified = dayjs(project.modified).format(
-  "dddd D MMMM YYYY"
+  'dddd D MMMM YYYY'
 );
 
 const { stepsLabels, setStatus, isEmptyBrief } = useProjectStore();
diff --git a/src/components/project/TitledPdfWrapper.vue b/src/components/project/TitledPdfWrapper.vue
index 6be7f05..a1e6fbf 100644
--- a/src/components/project/TitledPdfWrapper.vue
+++ b/src/components/project/TitledPdfWrapper.vue
@@ -4,7 +4,7 @@
     v-model:visible="isOpen"
     modal
     :draggable="false"
-    dismissableMask="true"
+    :dismissableMask="true"
     header="Titre du PDF"
     class="dialog"
     :class="[
@@ -43,15 +43,15 @@
 </template>
 
 <script setup>
-import Dialog from "primevue/dialog";
-import PdfViewer from "./PdfViewer.vue";
-import DTLPanel from "../design-to-light/DTLPanel.vue";
-import { computed, ref, watch } from "vue";
-import { useDialogStore } from "../../stores/dialog";
-import { useRoute, useRouter } from "vue-router";
-import { storeToRefs } from "pinia";
-import { useApiStore } from "../../stores/api";
-import { usePageStore } from "../../stores/page";
+import Dialog from 'primevue/dialog';
+import PdfViewer from './PdfViewer.vue';
+import DTLPanel from '../design-to-light/DTLPanel.vue';
+import { computed, ref, watch } from 'vue';
+import { useDialogStore } from '../../stores/dialog';
+import { useRoute, useRouter } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import { useApiStore } from '../../stores/api';
+import { usePageStore } from '../../stores/page';
 
 const { openedFile, isCommentsOpen } = storeToRefs(useDialogStore());
 
@@ -74,7 +74,7 @@ watch(isOpen, (newValue) => {
 
 openedFile.value = route.query.fileIndex
   ? dialog.content.files[route.query.fileIndex]
-  : dialog.content.files.find((file) => file.type === "document");
+  : dialog.content.files.find((file) => file.type === 'document');
 
 const correspondingDTLProposal = computed(() => {
   if (!hasDTLProposal.value || !isOpen.value || !openedFile.value) return false;
@@ -91,7 +91,7 @@ const correspondingDTLProposal = computed(() => {
 // Functions
 async function validate() {
   const response = await api.validateBrief(
-    route.path + "/client-brief",
+    route.path + '/client-brief',
     route.fullPath
   );
   if (response.success) {
diff --git a/src/components/project/brief/add-images-modal/AddImagesModal.vue b/src/components/project/brief/add-images-modal/AddImagesModal.vue
index a82eb8f..d4647bd 100644
--- a/src/components/project/brief/add-images-modal/AddImagesModal.vue
+++ b/src/components/project/brief/add-images-modal/AddImagesModal.vue
@@ -3,7 +3,7 @@
     id="add-images"
     v-model:visible="isOpen"
     :draggable="false"
-    dismissableMask="true"
+    :dismissableMask="true"
     modal
     header="Ajouter des images"
     class="bg-white | text-grey-800 | rounded-2xl | overflow-hidden | p-32"
@@ -74,22 +74,22 @@
 </template>
 
 <script setup>
-import Dialog from "primevue/dialog";
-import ImagesEditPanel from "./ImagesEditPanel.vue";
-import { ref, watch } from "vue";
-import { storeToRefs } from "pinia";
-import { useAddImagesModalStore } from "../../../../stores/addImagesModal";
+import Dialog from 'primevue/dialog';
+import ImagesEditPanel from './ImagesEditPanel.vue';
+import { ref, watch } from 'vue';
+import { storeToRefs } from 'pinia';
+import { useAddImagesModalStore } from '../../../../stores/addImagesModal';
 
 const { isAddImagesModalOpen } = defineProps({
   isAddImagesModalOpen: Boolean,
 });
 
-const emit = defineEmits("close");
+const emit = defineEmits('close');
 const { activeTab, activeTabId, tabs } = storeToRefs(useAddImagesModalStore());
 
 const isOpen = ref(isAddImagesModalOpen);
 watch(isOpen, () => {
-  emit("close");
+  emit('close');
 });
 
 function close() {
@@ -107,7 +107,7 @@ const deleteIsOpen = false;
   padding-top: var(--space-16);
   row-gap: var(--space-32);
 }
-#add-images [data-pc-section="content"] {
+#add-images [data-pc-section='content'] {
   height: calc(100% - 3.75rem);
 }
 #add-images nav li > span {
@@ -127,7 +127,7 @@ const deleteIsOpen = false;
   border-left-color: var(--color-grey-800);
 }
 #add-images nav > ul > li.active > span::before {
-  content: "";
+  content: '';
   width: 2px;
   position: absolute;
   top: 0;
@@ -148,7 +148,7 @@ const deleteIsOpen = false;
   border-left-width: 2px;
 }
 
-#add-images [data-pc-name="fileupload"] button {
+#add-images [data-pc-name='fileupload'] button {
   padding: 3rem;
   aspect-ratio: 1/1;
 }
@@ -161,12 +161,12 @@ const deleteIsOpen = false;
   width: 100%;
 }
 
-#delete-image [data-pc-section="footer"] {
+#delete-image [data-pc-section='footer'] {
   display: flex;
   gap: var(--space-16);
   margin-top: var(--space-32);
 }
-#delete-image [data-pc-name="pcclosebutton"] {
+#delete-image [data-pc-name='pcclosebutton'] {
   display: none;
 }
 #delete-image_header {
@@ -174,7 +174,7 @@ const deleteIsOpen = false;
   font-size: var(--text-lg);
 }
 
-.with-sidebar[data-side="right"] > * {
+.with-sidebar[data-side='right'] > * {
   height: 100%;
   overflow-y: auto;
 }
diff --git a/src/components/project/virtual-sample/VirtualSample.vue b/src/components/project/virtual-sample/VirtualSample.vue
index 130c04b..0bf7b2b 100644
--- a/src/components/project/virtual-sample/VirtualSample.vue
+++ b/src/components/project/virtual-sample/VirtualSample.vue
@@ -4,7 +4,7 @@
     v-model:visible="isOpen"
     modal
     :draggable="false"
-    dismissableMask="true"
+    :dismissableMask="true"
     header="Titre du rendu"
     class="dialog"
     :class="[