Use activated and deactivated lifecycle hooks to handle HTML scroll changes for FullscreenModal component

[rtibbles]

Summary

Because of a flaw in the Vuetify dialog implementation, when opening a full screen modal, you can get double scroll bars occurring, we currently handle this by disabling scrolling on HTML on mount, but this does not catch all uses cases, particularly when the full screen modal is used in a route and kept alive.

See here for more context: #1962 (comment)

Category

Select one: BUG

[Twix03]

I would like to take this issue, can you please help me with how to get started.

[MisRob]

Hi @Twix03, thank you for volunteering! I'm sorry for delayed response, the whole team had holidays recently. To get started, please follow Studio Contributing Guidelines, where you will find how to run Studio locally. After your Studio is running, you can reproduce the issue described here. Let us know if you still wish to be assigned.

[Divyansh044]

@MisRob Please assign this issue to me I can work on this

[MisRob]

Hi @Divyansh044, thank you for volunteering. I'm assigning you.