[Remove Vuetify from Studio] 'Request more space' form slide transition in Settings - Storage

[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

Migrate form slide transition in Settings > Storage from Vuetify to Kolibri Design System.

When opening the form to request more space, there is a slide transition achieved via VSlideYTransition. To remove this Vuetify dependency from Storage/index, replace the usage of VSlideYTransition in this specific location with KTransition (component-vertical-slide-out-in).

How to get there

• Login as user@a.com with password a
• Go to Settings > Storage
• In 'Request more space' section, click 'Open form' button

Guidance

• Read the project this issue is part of

Out of Scope

• Do not refactor any other areas of the codebase
• Do not modify the form itself

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.

[yeshwanth235]

Hi @MisRob
I would like to work on this issue

[MisRob]

Hi @yeshwanth235, good, thanks.

[MisRob]

Unassigning @yeshwanth235 as per #5110 (comment)

[yeshwanth235]

Hi @MisRob
Apologies for the delay. I've been busy with work. I've reviewed the latest changes and am glad to see the KDS transition issue has been resolved.

Will go through the issues and start contributing.

[MisRob]

Thanks @yeshwanth235, and no problem :)!

[yeshwanth235]

Hi @MisRob
Now that the fix is available, may I raise the PR again?