[Remove Vuetify from Studio] Buttons / links in Related tab

[nishatalam24]

Summary

This pull request addresses and closes issue #5375 by migrating all buttons and links in the 'Related' tab from the Vuetify framework to the Kolibri Design System (KDS).

Changes

• Replaced the VBtn components for the "Add" buttons with KButton components.
• Replaced the ActionLink component with a KButton that uses a basic-link appearance.
• Ensured all button functionality (like onAddPreviousStepClick) is preserved and works exactly as before.

References

This pull request closes #5375.

Reviewer Guidance

All user interactions have been manually tested, and there are no functional regressions. The new buttons have minor visual differences, as expected from the KDS migration.

[MisRob]

Thank you @nishatalam24, we will assign a reviewer soon.

[akolson]

Hi @nishatalam24! Great work--It's looking good already :)! The below is an extract from the summary of the issue you are working on;

Migrate the following buttons / links in Edit resource > Related tab from Vuetify to Kolibri Design System. shared/views/ActionLink that is built with Vuetify components, VBtn, VBtn + Icon + VTooltip are currently used to show them. To remove these Vuetify dependencies, replace them in this specific location with the most suitable KDS button or link components. Ensure that all buttons / links work exactly as before. Do not modify ActionLink or refactor any other areas.

My understanding is that this refactor should be limited to the highlighted links and buttons only. Please avoid modifying any other sections outside this scope. In particular, please revert any changes made to the VLayout, VFlex, and any other areas not directly related to the issue.

Thanks

[akolson]

Hi @nishatalam24! This is just follow up about the progress on this. Hope everything is okay?