add user profile, profile vibe and trip vibe and social signal

app/trips/page.tsx

@@ -1,11 +1,21 @@
 import type { Metadata } from "next";
 import Link from "next/link";
 import { Suspense } from "react";
+import { getServerSession } from "next-auth";
+import { authOptions } from "@/lib/auth";
 import { tripService } from "@/server/services/trip.service";
+import { profileRepo } from "@/server/repositories/profile.repo";
 import { TripCard } from "@/features/trip/components/trip-card";
 import { TripFilter } from "@/features/trip/components/trip-filter";
 import { siteConfig } from "@/lib/site";
 import { categoryLabel, isActivityCategory } from "@/lib/activity-category";
+import { isVibe } from "@/lib/vibe";
+import type { GroupSize } from "@/server/repositories/trip.repo";
+
+const GROUP_SIZES: GroupSize[] = ["SMALL", "MEDIUM", "LARGE"];
+function isGroupSize(value: unknown): value is GroupSize {
+  return typeof value === "string" && (GROUP_SIZES as string[]).includes(value);
+}
 
 interface TripsPageProps {
   searchParams: Promise<{
@@ -13,6 +23,8 @@ interface TripsPageProps {
     from?: string;
     to?: string;
     category?: string;
+    vibe?: string;
+    groupSize?: string;
   }>;
 }
 
@@ -44,19 +56,30 @@ export async function generateMetadata({
 export default async function TripsPage({ searchParams }: TripsPageProps) {
   const params = await searchParams;
   const category = isActivityCategory(params.category) ? params.category : undefined;
-  const hasFilters = Boolean(params.q || params.from || params.to || category);
+  const vibe = isVibe(params.vibe) ? params.vibe : undefined;
+  const groupSize = isGroupSize(params.groupSize) ? params.groupSize : undefined;
+  const hasFilters = Boolean(
+    params.q || params.from || params.to || category || vibe || groupSize
+  );
   const filters = {
     q: params.q,
     from: params.from,
     to: params.to,
     category,
+    vibe,
+    groupSize,
   };
 
-  const [trips, allTrips] = await Promise.all([
+  const session = await getServerSession(authOptions);
+  const [trips, allTrips, viewerProfile] = await Promise.all([
     tripService.getOpenTrips(filters),
     hasFilters ? tripService.getOpenTrips() : null,
+    session?.user?.id
+      ? profileRepo.findByUserId(session.user.id)
+      : Promise.resolve(null),
   ]);
   const totalCount = hasFilters ? allTrips!.length : trips.length;
+  const viewerInterests = viewerProfile?.interests ?? [];
 
   return (
     <div className="mx-auto max-w-6xl px-4 py-6 sm:py-8">
@@ -120,6 +143,7 @@ export default async function TripsPage({ searchParams }: TripsPageProps) {
               id={trip.id}
               title={trip.title}
               category={trip.category}
+              vibe={trip.vibe}
               destination={trip.destination}
               location={trip.location}
               date={trip.date}
@@ -133,6 +157,13 @@ export default async function TripsPage({ searchParams }: TripsPageProps) {
               isVerifiedOrganizer={
                 trip.organizer.organizerVerification?.status === "APPROVED"
               }
+              participants={trip.participants.map((p) => ({
+                id: p.id,
+                name: p.user.name,
+                image: p.user.image,
+                interests: p.user.profile?.interests ?? [],
+              }))}
+              viewerInterests={viewerInterests}
             />
           ))}
         </div>