[Remove Vuetify from Studio] Top-level buttons in Channels

[MisRob]

🙂 Looking for an issue? Welcome! This issue is open for contribution. If this is the first time you’re requesting an issue, please:

• Read Contributing guidelines carefully. Pay extra attention to Using generative AI. Pull requests and comments that don’t follow the guidelines won’t be answered.
• Confirm that you’ve read the guidelines in your comment.

Sub-issue of #5060.

Complexity: Low

Summary

Remove Vuetify from the following buttons in Channels:

Instead of VBtn, use either KRouterLink with primary button appearance or primary KButton.

How to get there

• Login as user@b.com with password b
• Create a new channel
• Share channel with user a@a.com
• Logout
• Login as a@a.com with password a
• Go to Channels > My Channels

Guidance

• Find detailed guidance with many code examples in KDS documentation
• Read the project for more useful references

Out of Scope

• Do not refactor any other areas of the codebase

Expected UI/UX changes

• Minor visual differences naturally stemming from the use of KDS

Acceptance criteria

• The specification above is followed.
• Except for "Expected UI/UX changes," there are no functional or visual differences in user experience.
• All user interactions are manually tested with no regressions.
• Pull request includes screenshots.
• All user-facing strings are translated properly

[RONAK-AI647]

Assign it to me @MisRob , lets beautify studio.

[bjester]

@RONAK-AI647 Assigning you this issue! thank you

[MisRob]

Closed by #5232