Composition API Migration for moving towards real-time collaboration

[SeriousHorncat]

Checklist before requesting a review

• I have performed a self-review of my code.
• My code follows the style guidelines enforced by static analysis tools.
• If it is a core feature, I have added thorough tests.
• My changes generate no new warnings.
• New and existing unit tests pass locally with my changes.
• Will this be part of a product update? If yes, please write one phrase about this update.

Pull Request Details

Wrike Ticket - Improving the codebase for the AnalysisView to rely on a store to setup foundation for live realtime-collaboration within Rosalution

Changes made:

• AnalysisView uses VueJS composition API
• AnalysisView and the analysis' state is managed using a store
• Action menu is crafted using a VueJS composable to extract that functionality from the Analysis View
• The hardcoded workflow was extracted to a JavaScript file that returns JSON; this is an intermediate step towards migrating it to be a setting maintained in the data layer in the future
• Increased VueJS' version to 3.5.12 to use the TemplateRef feature released in that version
• First steps to maintenance of the dialog code; uses the VueJS CompositionAPI and applies the TemplateRef technique to encapsulate the management of the components state programmatically
• Improved runtime of unit tests for AnalysisView. Improved to run the view in almost half the time due to investing the time to restructure the tests to accommodate the how the code evolved.

To be done in the future:

• Testing to be paired with the store directly instead of relying on the view indirectly covering the code
• Improvements to the system tests to be less susceptible to timing issues for the page when rendering.

To Review:

• Static Analysis by Reviewer

• The changes made to the landing page of an Analysis are working as intended/rendered correctly.
  To check this run the following commands:

  # From the project root
  docker compose down
  docker system prune -a --volumes
  
  docker compose up --build

  1. Go to: https://local.rosalution.cgds/rosalution/
  2. Login as 'developer'
  3. Click into various analyses and make edits to them, save them and open in new tabs to confirm updates persist
  4. Change the status of analyses to declined, accepted, etc
  5. Import a new Rosalution analysis by clicking the 'Create New Analysis' card on Rosalution's landing page and import 'C-PAM0076.json' within the 'etc/fixtures/import'.

• Front end unit tests run successfully on local machine

• All GitHub Actions checks have passed.

[fatimarabab]

Everything works as expected.

All frontend unit tests pass locally! ✨

[fatimarabab]

Good to go! ✨