general destination and verify

app/trips/[id]/page.tsx

@@ -301,9 +301,12 @@ export default async function TripDetailPage({
               </span>
               <div className="min-w-0">
                 <p className="text-[10px] font-medium text-neutral-400 sm:text-xs">Organizer</p>
-                <p className="truncate text-xs font-semibold text-neutral-800 sm:text-sm">
+                <Link
+                  href={`/u/${trip.organizer.id}`}
+                  className="truncate text-xs font-semibold text-neutral-800 hover:text-primary-700 sm:text-sm"
+                >
                   {trip.organizer.name}
-                </p>
+                </Link>
               </div>
             </div>
           </div>
@@ -458,9 +461,10 @@ export default async function TripDetailPage({
             ) : (
               <div className="flex flex-wrap gap-1.5 sm:gap-2">
                 {confirmedParticipants.map((p) => (
-                  <div
+                  <Link
                     key={p.id}
-                    className="flex items-center gap-1.5 rounded-full bg-neutral-100 px-2.5 py-1 sm:gap-2 sm:px-3 sm:py-1.5"
+                    href={`/u/${p.user.id}`}
+                    className="flex items-center gap-1.5 rounded-full bg-neutral-100 px-2.5 py-1 transition-colors hover:bg-primary-100 sm:gap-2 sm:px-3 sm:py-1.5"
                   >
                     <div className="flex h-5 w-5 items-center justify-center rounded-full bg-primary-600 text-[9px] font-bold text-white sm:h-6 sm:w-6 sm:text-[10px]">
                       {p.user.name.charAt(0).toUpperCase()}
@@ -468,7 +472,7 @@ export default async function TripDetailPage({
                     <span className="text-xs font-medium text-neutral-700 sm:text-sm">
                       {p.user.name}
                     </span>
-                  </div>
+                  </Link>
                 ))}
               </div>
             )}