fix: 🐛 Prevent re-rendering of Chatbox due to possible context or state in SubscriptionModal

[punkbit]

Why?

Prevent re-rendering of Chatbox due to DOM manipulation post mounting

How?

• Make container
• Move react query into container
• Use container as wrapper to component
• Use reference to render only once

Tickets?

• PLAT-2901

Contribution checklist?

• The commit messages are detailed
• The build command runs locally
• Assets or static content are linked and stored in the project
• Document filename is named after the slug
• You've reviewed spelling using a grammar checker
• For documentation, guides or references, you've tested the commands and steps
• You've done enough research before writing

Security checklist?

• Sensitive data has been identified and is being protected properly
• Injection has been prevented (parameterized queries, no eval or system calls)
• The Components are escaping output (to prevent XSS)

References?

Optionally, provide references such as links

Preview?

demo-renders-once-enc.mp4

[changeset-bot]

⚠️ No Changeset found

Latest commit: 626350e

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR