diff --git a/routes/landlord/approvals/index.tsx b/routes/landlord/approvals/index.tsx
index 45e6222..f8bd7d7 100644
--- a/routes/landlord/approvals/index.tsx
+++ b/routes/landlord/approvals/index.tsx
@@ -132,13 +132,9 @@ export const handler = define.handlers({
       });
 
       if (!response.ok) {
-        const errorData = await response.json().catch(() => ({
-          error: "Unknown error",
-        }));
+        const errorData = await response.json().catch(() => ({ error: "Unknown error" }));
         return new Response(
-          JSON.stringify({
-            error: errorData.error || "Failed to process approval",
-          }),
+          JSON.stringify({ error: errorData.error || "Failed to process approval" }),
           {
             status: response.status,
             headers: { "Content-Type": "application/json" },
@@ -165,7 +161,7 @@ export const handler = define.handlers({
 
 export default define.page(
   function LandlordApprovals({ data }: LandlordApprovalsProps) {
-    const { approvals, error } = data;
+    const { stateData, approvals, error } = data;
 
     return (
       <div class="min-h-screen bg-gray-50">
@@ -335,7 +331,7 @@ export default define.page(
                                 <textarea
                                   id={`rejection_reason_${approval.id}`}
                                   name="rejection_reason"
-                                  rows={3}
+                                  rows="3"
                                   class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm"
                                   placeholder="Provide a reason for rejection..."
                                 />
@@ -367,8 +363,7 @@ export default define.page(
                             </p>
                             {approval.rejection_reason && (
                               <p class="mt-2 text-sm text-red-600">
-                                <strong>Reason:</strong>{" "}
-                                {approval.rejection_reason}
+                                <strong>Reason:</strong> {approval.rejection_reason}
                               </p>
                             )}
                           </div>
@@ -398,8 +393,7 @@ export default define.page(
                   No pending approvals
                 </h3>
                 <p class="mt-1 text-sm text-gray-500">
-                  You don't have any pending lease approval requests at this
-                  time.
+                  You don't have any pending lease approval requests at this time.
                 </p>
                 <div class="mt-6">
                   <a