feat: add pendingRent and pendingRentDays fields to rental interface and update status badge logic

src/app/admin/rentals/[id]/page.tsx

@@ -55,6 +55,8 @@ interface Rental {
   monthlyRate: number;
   totalPaid: number;
   dueRental: number;
+  pendingRent?: number;
+  pendingRentDays?: number;
   paymentStatus: PaymentStatus;
   penaltyLevel: PenaltyLevel;
   penaltyAmount: number;
@@ -103,6 +105,8 @@ const mockRentals: Rental[] = [
     monthlyRate: 3500,
     totalPaid: 38500,
     dueRental: 0,
+    pendingRent: 0,
+    pendingRentDays: 0,
     paymentStatus: 'paid',
     penaltyLevel: 'none',
     penaltyAmount: 0,
@@ -148,6 +152,8 @@ const mockRentals: Rental[] = [
     monthlyRate: 3500,
     totalPaid: 3000,
     dueRental: 3500,
+    pendingRent: 3500,
+    pendingRentDays: 5,
     paymentStatus: 'partial',
     penaltyLevel: 'none',
     penaltyAmount: 0,
@@ -186,6 +192,8 @@ const mockRentals: Rental[] = [
     monthlyRate: 12000,
     totalPaid: 82000,
     dueRental: 0,
+    pendingRent: 0,
+    pendingRentDays: 0,
     paymentStatus: 'paid',
     penaltyLevel: 'none',
     penaltyAmount: 0,
@@ -218,6 +226,8 @@ const mockRentals: Rental[] = [
     monthlyRate: 2200,
     totalPaid: 2600,
     dueRental: 600,
+    pendingRent: 600,
+    pendingRentDays: 3,
     paymentStatus: 'overdue',
     penaltyLevel: 'day3',
     penaltyAmount: 1000,