WIP [TNL-11898] feat: add multiple problem editor UI

[hinakhadim]

Description

This PR introduces a new feature implementing the Multi-Problem Editor UI.

Previously, course authors had to add questions one by one, which was a time-consuming process. Each time an author wanted to add a question, they had to:

• Click on the question tile (green tile in Studio).
• Get redirected to the Authoring MFE, which involved significant loading time.
• Add and save the question.
• Repeat the entire process for each new question.

With this new UI, the author will only need to click on the problem tile once. A new window will open where they can add multiple questions within the same interface and save them, significantly improving the authoring experience.

• JIRA Link

• Figma Link

• Which edX user roles will this change impact? Common user roles are "Course Author".

What's Next or TODOs:

• Create messges.js for translation and add FormattedMessage Component
• Handle State Management properly
• Add TestCases
• Remove Unused variables (added to build UI)

How to setup on local devstack

• Make sure that you have setup edx.org theme for MFEs (If not, steps are mentioned here for setting up)
• Checkout this PR
• run npm start

Screenshot

Before

After

Other information

Include anything else that will help reviewers and consumers understand the change.

• Does this change depend on other changes elsewhere? Yes, It might affect Library Components.

[bradenmacdonald]

If you are adding entirely new files, please follow the current best practices:

• Use TypeScript .TSX instead of .JSX
• Use TypeScript instead of propTypes
• Use useIntl instead of injectIntl
  • Just have ShuffleCard, no need for ShuffleCardInternal

[hinakhadim]

Thanks for sharing. I'll update the code.

[bradenmacdonald]

Same comment here about following newer practices in new files.

Also, defaultProps is deprecated; please avoid it entirely.