reorganize add images components

src/components/project/ClientBrief/Images.vue

@@ -51,7 +51,7 @@ import Header from "./Header.vue";
 import { usePageStore } from "../../../stores/page";
 import { ref } from "vue";
 import ImageDetailsModal from "./ImageDetailsModal.vue";
-import AddImagesModal from "./AddImagesModal.vue";
+import AddImagesModal from "./add-images-modal/AddImagesModal.vue";
 
 const { page } = usePageStore();
 

src/components/project/ClientBrief/add-images-modal/AddImagesModal.vue

@@ -37,7 +37,7 @@ import Dialog from "primevue/dialog";
 import ImagesResources from "./ImagesResources.vue";
 import ImagesEditPanel from "./ImagesEditPanel.vue";
 import MyImages from "./MyImages.vue";
-import { usePageStore } from "../../../stores/page";
+import { usePageStore } from "../../../../stores/page";
 import { ref, watch } from "vue";
 
 const { isAddImagesModalOpen, images } = defineProps({

src/components/project/ClientBrief/add-images-modal/ImagesEditPanel.vue

@@ -106,8 +106,8 @@ import Accordion from "primevue/accordion";
 import AccordionPanel from "primevue/accordionpanel";
 import AccordionHeader from "primevue/accordionheader";
 import AccordionContent from "primevue/accordioncontent";
-import { usePageStore } from "../../../stores/page";
-import { toPascalCase } from "../../../helpers";
+import { usePageStore } from "../../../../stores/page";
+import { toPascalCase } from "../../../../helpers";
 import debounce from "lodash/debounce";
 
 const { images } = defineProps({

src/components/project/ClientBrief/add-images-modal/ImagesResources.vue

@@ -1,8 +1,5 @@
 <template>
-  <div
-    class="auto-grid"
-    style="--min: 15rem; --gap: 0.5rem"
-  >
+  <div class="auto-grid" style="--min: 15rem; --gap: 0.5rem">
     <figure v-for="image in images" class="image">
       <img :src="image.url" alt="" />
     </figure>
@@ -11,7 +8,7 @@
 
 <script setup>
 import { ref } from "vue";
-import { useApiStore } from "../../../stores/api";
+import { useApiStore } from "../../../../stores/api";
 
 const { params } = defineProps({
   params: Object,

src/components/project/ClientBrief/add-images-modal/MyImages.vue

@@ -49,7 +49,7 @@
 </template>
 
 <script setup>
-import { usePageStore } from "../../../stores/page";
+import { usePageStore } from "../../../../stores/page";
 import Toast from "primevue/toast";
 import { useToast } from "primevue/usetoast";
 import FileUpload from "primevue/fileupload";