feat(ui): load module graph on tab selection

[userquin]

Description

This PR includes:

• load module graph only when the graph tab is selected and when the current module changes
• show file name relative to the root config in FileDetails.vue header (rigth now, relativeToRoot function using config.root where config is a vue ref, and so the full path is shown)
• added some icons to the tabs: since we've moved the details from the mid panel, we've some extra space (check screenshot below)
• normalize all composable imports using ~ instead relative paths: I'll check next weekend to configure autoimport properly, we should remove all composable imports from vue files
• WIP: change module entry dialog header to include the project and the relative path: in the current version showing only the full path (check screenshot below)
• added watcher to select report tab in details pane when selected file change
• WIP: I'll try to remove previous watcher and reload the graph when the active file changes and the current tab is the graph
• WIP: switch navigation behavior, right now selecting the task expands the nested tests/tasks and clicking on the details button opens the file details; the new behaviour will open the file details when clicking on the task and will expand the nested tests/tasks when clicking the details button

New icon tabs

Module graph entry detail

Please don't delete this checklist! Before submitting the PR, please make sure you do the following:

• It's really useful if your PR references an issue where it is discussed ahead of time. If the feature is substantial or introduces breaking changes without a discussion, PR might be closed.
• Ideally, include a test that fails without this PR but passes with it.
• Please, don't make changes to pnpm-lock.yaml unless you introduce a new test example.

Tests

• Run the tests with pnpm test:ci.

Documentation

• If you introduce new functionality, document it. You can run documentation with pnpm run docs command.

Changesets

• Changes in changelog are generated from PR name. Please, make sure that it explains your changes in an understandable manner. Please, prefix changeset messages with feat:, fix:, perf:, docs:, or chore:.

[sheremet-va]

the new behaviour will open the file details when clicking on the task and will expand the nested tests/tasks when clicking the details button

This doesn't make any sense though? The current behaviour is correct and follows the same idea that we have in vscode extension

[sheremet-va]

LGTM 👍🏻