Make all status badges pill-shaped and standardize pending color

- Add rounded-full to all status badges across admin and member pages
- Change Pending badge color from bg-secondary to bg-amber-500 text-white
- Update AdminDashboard to use Badge component instead of inline span
- Standardize badge colors everywhere:
  - Paid (Lunas): bg-brand-accent text-white
  - Pending: bg-amber-500 text-white
  - Cancelled: bg-destructive text-white

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

src/pages/member/OrderDetail.tsx

@@ -208,12 +208,12 @@ export default function OrderDetail() {
       case "paid":
         return "bg-brand-accent text-white";
       case "pending":
-        return "bg-secondary text-primary";
+        return "bg-amber-500 text-white";
       case "cancelled":
       case "failed":
-        return "bg-destructive";
+        return "bg-destructive text-white";
       default:
-        return "bg-secondary text-primary";
+        return "bg-secondary";
     }
   };
 
@@ -337,7 +337,7 @@ export default function OrderDetail() {
             <h1 className="text-3xl font-bold">Detail Order</h1>
             <p className="text-muted-foreground font-mono">#{order.id.slice(0, 8)}</p>
           </div>
-          <Badge className={getStatusColor(order.payment_status || order.status)}>
+          <Badge className={`${getStatusColor(order.payment_status || order.status)} rounded-full`}>
             {getStatusLabel(order.payment_status || order.status)}
           </Badge>
         </div>