add end date and create logo and fix filter

app/trips/[id]/page.tsx

@@ -3,7 +3,7 @@ import { getServerSession } from "next-auth";
 import Link from "next/link";
 import { authOptions } from "@/lib/auth";
 import { tripService } from "@/server/services/trip.service";
-import { formatRupiah, formatDate } from "@/lib/utils";
+import { formatRupiah, formatDateRange } from "@/lib/utils";
 import { JoinTripButton } from "@/features/trip/components/join-trip-button";
 import { ImageGallery } from "@/features/trip/components/image-gallery";
 
@@ -98,7 +98,7 @@ export default async function TripDetailPage({
               <div className="min-w-0">
                 <p className="text-[10px] font-medium text-neutral-400 sm:text-xs">Tanggal</p>
                 <p className="truncate text-xs font-semibold text-neutral-800 sm:text-sm">
-                  {formatDate(trip.date)}
+                  {formatDateRange(trip.date, trip.endDate)}
                 </p>
               </div>
             </div>