[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.