Introduce Legal Consent in Checkout modals (default UI)

Problem Statement

Currently, the checkout flow does not explicitly surface or obtain customer acknowledgment of legal policies (terms and conditions, cookie policy, and privacy policy) at the point of purchase. This creates a compliance and legal exposure risk.

User Story

As a customer completing a purchase on the site, I want to see a checkbox on the checkout modal that lets me acknowledge and agree to the applicable legal policies, So that I can confirm my understanding of the terms before finalizing my purchase.

Acceptance Criteria:

1. A checkbox is displayed within the existing checkout/purchase confirmation modal

2. Checkbox label includes plain-language verbiage along the lines of: "I accept the [Terms and Conditions], [Cookie Policy], and [Privacy Policy]"

3. The checkbox must be checked before the purchase can be completed (form validation)

4. Add a new boolean flag in the uiSettings object called enableLegalConsent.

5. Add legalConsentLinks array in the uiSettings object where you can specify the text and the URL of this text as below.

window.Pelcro.uiSettings = { 
enableLegalConsent: true, 
legalConsentLinks: [ 
 { text: "Terms and Conditions", url:"https://example.com/terms" },
 { text: "Cookie Policy", url: "https://example.com/cookies" },
 { text: "Privacy Policy", url: "https://example.com/privacy" } ] };