Fix: Update order status to PAID on checkout success page

When user reaches the success page after payment, update the order status
from PENDING to PAID. This ensures the admin panel shows the correct
status immediately after payment confirmation.

.claude/settings.local.json

@@ -73,7 +73,8 @@
       "Bash(xargs grep -l \"design-spec\")",
       "Bash(git commit -m 'Improve: Design specification sheet now shows previews and info *)",
       "Bash(git commit -m 'Fix: Handle undefined designElements in design spec SVG rendering *)",
-      "Bash(git commit -m 'Fix: Ensure cart is completely cleared after payment success *)"
+      "Bash(git commit -m 'Fix: Ensure cart is completely cleared after payment success *)",
+      "Bash(git commit -m 'Fix: Update order status to PAID on checkout success page *)"
     ]
   }
 }

src/app/checkout/success/page.tsx

@@ -16,8 +16,18 @@ export default async function CheckoutSuccessPage({
         where: { stripeSessionId: sessionId },
         include: { items: true },
       });
+
+      // Update order status to PAID if it's still PENDING
+      if (order && order.status === 'PENDING') {
+        order = await prisma.order.update({
+          where: { id: order.id },
+          data: { status: 'PAID' },
+          include: { items: true },
+        });
+        console.log('✓ Order status updated to PAID:', order.id);
+      }
     } catch (err) {
-      console.error('Error fetching order for success page:', err);
+      console.error('Error handling order for success page:', err);
     }
   }