fix ui style

features/trip/components/image-gallery.tsx

@@ -2,6 +2,7 @@
 
 import Image from "next/image";
 import { useState } from "react";
+import { Mountain } from "lucide-react";
 
 interface TripImage {
   id: string;
@@ -14,8 +15,13 @@ export function ImageGallery({ images }: { images: TripImage[] }) {
 
   if (images.length === 0) {
     return (
-      <div className="flex h-44 items-center justify-center bg-linear-to-br from-primary-800 to-secondary-900 sm:h-56 lg:h-72">
-        <span className="text-5xl sm:text-6xl">🏔️</span>
+      <div className="flex h-44 items-center justify-center bg-neutral-100 sm:h-56 lg:h-72">
+        <Mountain
+          size={56}
+          strokeWidth={1.5}
+          aria-hidden
+          className="text-neutral-300"
+        />
       </div>
     );
   }