Feature : Add import and export feature to Usecase Builder

[Hikotty]

Description of Changes

This pull request implements importing and exporting of use cases

Here is the image:

usecase_io_demo2.mp4

• Added an import icon button to the new creation use case screen
• Added an export icon button to each use case screen
• When the Export button is pressed, a .json file containing the use case information will be downloaded. When the Import button is pressed, it will load the .json file and transition to the use case editing screen with the settings pre-populated.
• This feature reuse existing backend, therefore there is no CDK modification.

Checklist

• Modified relevant documentation
• Verified operation in local environment
• Executed npm run cdk:test and if there are snapshot differences, execute npm run cdk:test:update-snapshot to update snapshots

Related Issues

N/A

[tbrand]

@Hikotty Could you merge the latest main branch into this branch?

[Hikotty]

@tbrand Hi, I have pushed the latest other updates