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/components/reviews/ConsultingHistory.tsx

@@ -84,15 +84,15 @@ export function ConsultingHistory({ userId }: ConsultingHistoryProps) {
   const getStatusBadge = (status: string) => {
     switch (status) {
       case 'done':
-        return <Badge className="bg-brand-accent text-white">Selesai</Badge>;
+        return <Badge className="bg-brand-accent text-white rounded-full">Selesai</Badge>;
       case 'confirmed':
-        return <Badge className="bg-primary">Terkonfirmasi</Badge>;
+        return <Badge className="bg-brand-accent text-white rounded-full">Terkonfirmasi</Badge>;
       case 'pending_payment':
-        return <Badge className="bg-secondary">Pending</Badge>;
+        return <Badge className="bg-amber-500 text-white rounded-full">Pending</Badge>;
       case 'cancelled':
-        return <Badge variant="destructive">Dibatalkan</Badge>;
+        return <Badge className="bg-destructive text-white rounded-full">Dibatalkan</Badge>;
       default:
-        return <Badge variant="outline">{status}</Badge>;
+        return <Badge className="bg-secondary rounded-full">{status}</Badge>;
     }
   };