fix image imports to constant

Author: jamesdoh0109

frontend/components/listings/ListingsCard.tsx

@@ -4,7 +4,8 @@ import { Calendar } from "lucide-react";
 import { Badge } from "@/components/ui/badge";
 import { formatPrice, formatCondition, formatDate } from "@/lib/utils";
 import { Item, Sublet } from "@/lib/types";
-import defaultImage from "@/public/images/default-image.jpg";
+
+const DEFAULT_IMAGE = "/images/default-image.jpg";
 
 interface Props {
   listing: Item | Sublet;
@@ -62,7 +63,7 @@ export const ListingsCard = ({ listing, previewImageUrl, href, isMyListing = fal
       {/* image container */}
       <div className="relative aspect-square w-full overflow-hidden bg-gray-100">
         <Image
-          src={previewImageUrl || defaultImage}
+          src={previewImageUrl || DEFAULT_IMAGE}
           alt={listing.title}
           fill
           className="object-cover transition-transform duration-200 group-hover:scale-105"

frontend/components/listings/detail/ListingImageGallery.tsx

@@ -2,9 +2,10 @@
 
 import Image from "next/image";
 import { useState } from "react";
-import defaultImage from "@/public/images/default-image.jpg";
 import { cn } from "@/lib/utils";
 
+const DEFAULT_IMAGE = "/images/default-image.jpg";
+
 interface Props {
   images: string[];
 }
@@ -17,7 +18,7 @@ export const ListingImageGallery = ({ images }: Props) => {
       <div className="relative h-[400px] overflow-hidden rounded-2xl md:h-[450px] lg:h-[500px]">
         {/* blurred background */}
         <Image
-          src={images[selectedImage] || defaultImage}
+          src={images[selectedImage] || DEFAULT_IMAGE}
           alt="Background"
           fill
           className="scale-110 object-cover opacity-50 blur-2xl"
@@ -27,7 +28,7 @@ export const ListingImageGallery = ({ images }: Props) => {
         {/* main selected image */}
         <div className="relative flex h-full w-full items-center justify-center">
           <Image
-            src={images[selectedImage] || defaultImage}
+            src={images[selectedImage] || DEFAULT_IMAGE}
             alt="Listing image"
             fill
             className="object-contain"