[Remove Vuetify from Studio] Page layout in Settings

[AadarshM07]

Summary

• Created a component shared/views/StudioPage that has no Vuetify dependencies, and used it instead of VContent and VContainer in SettingsIndex.vue.
• Ensured UI consistency to match the previous layout. Followed all necessary instructions regarding layout mentioned in the guidelines.

screenshots

References

Closes #5132

Reviewer guidance

• I’ve added an offline prop to pass the offline state so appropriate top margin can be applied when the site is offline. This is a slight change from the example usage mentioned in the issue. If this approach isn’t necessary and another method is preferred, please let me know and I’ll update it accordingly.

[MisRob]

Thanks @AadarshM07, I will review next week.