UI Refactor

[PepperLola]

UI Refactor

AARD-1903

Refactored UI to improve the process of creating and using modals and panels. Rather than registering each possible UI element and then opening them with hardcoded IDs, the UI element itself is now passed into the relevant open* functions. In a tsx file, this looks something like openPanel(<ConfigurePanel />) but in regular .ts files it would look like openPanel(React.createElement(ConfigurePanel)).

TODO: write more

Creating UI Screens

A UI screen is what I decided to call the combination of panel/modal.
...

Opening UI Screens

...

Closing UI Screens

...

Rendering Toasts

...

Adding Callbacks

...

---

Before merging, ensure the following criteria are met:

• All acceptance criteria outlined in the ticket are met.
• Necessary test cases have been added and updated.
• A feature toggle or safe disable path has been added (if applicable).
• User-facing polish:
  • Ask: "Is this ready-looking?"
• Cross-linking between Jira and GitHub:
  • PR links to the relevant Jira issue.
  • Jira ticket has a comment referencing this PR.