Log approvalStatus value when rendering pending message

Add console log to show the actual value of approvalStatus when the
pending approval message is displayed.

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

src/components/DesignCanvas.tsx

@@ -1162,9 +1162,12 @@ export default function DesignCanvas({ product, isAdminEditing = false }: { prod
         </div>
 
         {approvalStatus === 'PENDING' && (
+          <>
+            {console.log('📍 Rendering PENDING message, approvalStatus =', approvalStatus)}
             <p className="text-sm text-orange-600 bg-orange-50 border border-orange-200 px-4 py-3 rounded">
               ⏳ Your design is pending admin approval. You'll receive an email when it's ready to add to your bag.
             </p>
+          </>
         )}
         {approvalStatus === 'APPROVED' && (
           <p className="text-sm text-pine bg-green-50 border border-green-200 px-4 py-3 rounded">