new changes

frontend/components/profile/index/ProfilePictureModal.vue

@@ -45,11 +45,11 @@ const {
 });
 
 const avatars = ref([
-    "/avatars/1.jpg",
-    "/avatars/2.jpg",
-    "/avatars/3.jpg",
-    "/avatars/4.jpg",
-    "/avatars/5.jpg",
+    "/img/avatars/1.jpg",
+    "/img/avatars/2.jpg",
+    "/img/avatars/3.jpg",
+    "/img/avatars/4.jpg",
+    "/img/avatars/5.jpg",
 ]);
 
 // queries
@@ -134,11 +134,7 @@ onFileDialogChange((files: any) => {
                     </div>
 
                     <div class="w-full flex-col-center gap-5">
-                        <Avatar
-                            :src="currentProfile"
-                            alt=""
-                            class="!size-32"
-                        />
+                        <Avatar :src="currentProfile" alt="" class="!size-32" />
                         <Button
                             class="rounded-full w-[8rem]"
                             @click="openFileDialog"