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

app/u/[id]/page.tsx

@@ -6,6 +6,7 @@ import { profileService } from "@/server/services/profile.service";
 import { TripCard } from "@/features/trip/components/trip-card";
 import { ProfileTripRow } from "@/features/profile/components/profile-trip-row";
 import { siteConfig } from "@/lib/site";
+import { vibeMeta } from "@/lib/vibe";
 
 interface PageProps {
   params: Promise<{ id: string }>;
@@ -94,6 +95,18 @@ export default async function PublicProfilePage({ params }: PageProps) {
               </p>
             )}
 
+            {profile?.vibe && (
+              <div className="mt-3">
+                <span
+                  className="inline-flex items-center gap-1.5 rounded-full bg-primary-50 px-2.5 py-1 text-xs font-semibold text-primary-700"
+                  title={vibeMeta(profile.vibe).description}
+                >
+                  <span aria-hidden>{vibeMeta(profile.vibe).icon}</span>
+                  <span>Vibe: {vibeMeta(profile.vibe).label}</span>
+                </span>
+              </div>
+            )}
+
             {profile?.interests && profile.interests.length > 0 && (
               <div className="mt-3 flex flex-wrap gap-1.5">
                 {profile.interests.map((tag) => (
@@ -164,6 +177,7 @@ export default async function PublicProfilePage({ params }: PageProps) {
                 id={trip.id}
                 title={trip.title}
                 category={trip.category}
+                vibe={trip.vibe}
                 destination={trip.destination}
                 location={trip.location}
                 date={trip.date}