fix ui style

features/trip/components/organizer-trust-panel.tsx

@@ -1,4 +1,5 @@
 import Image from "next/image";
+import { BadgeCheck, Star } from "lucide-react";
 import type { OrganizerTrust } from "@/server/services/trust.service";
 
 interface OrganizerTrustPanelProps {
@@ -13,7 +14,7 @@ export function OrganizerTrustPanel({
   trust,
 }: OrganizerTrustPanelProps) {
   return (
-    <div className="rounded-xl border border-neutral-200 bg-linear-to-br from-white to-neutral-50 p-4 sm:p-5">
+    <div className="rounded-xl border border-neutral-200 bg-white p-4 sm:p-5">
       <h2 className="mb-3 text-xs font-bold text-neutral-700 sm:text-sm">
         Organizer & kepercayaan
       </h2>
@@ -42,7 +43,8 @@ export function OrganizerTrustPanel({
                   className="inline-flex items-center gap-1 rounded-full bg-primary-100 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide text-primary-800 sm:text-xs"
                   title="Identitas organizer telah diverifikasi (KTP & rekening)"
                 >
-                  ✅ Verified Organizer
+                  <BadgeCheck size={12} strokeWidth={2} aria-hidden />
+                  Verified Organizer
                 </span>
               )}
               {trust.isTripLeader && (
@@ -79,8 +81,20 @@ export function OrganizerTrustPanel({
             <p className="text-[10px] font-medium text-neutral-500 sm:text-xs">
               Rating organizer
             </p>
-            <p className="text-lg font-bold text-amber-700">
-              {trust.avgRating != null ? `${trust.avgRating} ★` : "—"}
+            <p className="flex items-center gap-1 text-lg font-bold text-amber-700">
+              {trust.avgRating != null ? (
+                <>
+                  {trust.avgRating}
+                  <Star
+                    size={15}
+                    strokeWidth={2}
+                    fill="currentColor"
+                    aria-hidden
+                  />
+                </>
+              ) : (
+                "—"
+              )}
             </p>
             {trust.reviewCount > 0 && (
               <p className="text-[10px] text-neutral-400">