feat(template-playground): created full screen modal for the preview of output component

[nitro56565]

Implemented FullScreenModal for Preview Output Component

Description

This pull request introduces a new React component FullScreenModal, which displays a modal containing the AgreementHtml component. The modal is triggered by clicking on a fullscreen icon (FullscreenOutlined), and can be closed by either clicking "OK" or "Cancel".

Changes Made

• Imports Modal from antd and FullscreenOutlined from @ant-design/icons.
• Displays the FullscreenOutlined icon, which triggers the modal on click.
• The modal is centered and has a width of 1000px.
• The modal contains the AgreementHtml component with the loading prop set to false.

Screenshots or Video

Related Issues

• Issue #
• Pull Request #83

Author Checklist

• [x] Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• [ ] Vital features and changes captured in unit and/or integration tests
• [ ] Commits messages follow AP format
• [ ] Extend the documentation, if necessary
• [ ] Merging to main from fork:branchname

[netlify[bot]]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	ade4e805df0deabc2c289775fe8fd7b57abb5eb8
🔍 Latest deploy log	https://app.netlify.com/sites/ap-template-playground/deploys/668d1c2ce48d0f00088911f0
😎 Deploy Preview	https://deploy-preview-83--ap-template-playground.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nitro56565]

@sanketshevkar can you please review

[dselman]

@nitro56565 thank you for the contribution!

[Vinyl-Davyl]

nice one @nitro56565

[nitro56565]

Thank you @Vinyl-Davyl