Add overscan padding sliders to settings (for tv margins, projector, chromecast, etc.)

[bhajansweet]

Was cutting off on the edges a bit. I read that 3-5% on all sides is standard for broadcast.

[bhajneet]

We should add this as an option as 6-10% off the left and right does take up valuable real estate.

[bhajneet]

Setting should be turned on by default. When this is being closed, switch Default Settings to Space Between instead of Around for better readability (Gurbani line begins at same vertical position using Space Between while taking into account margins).

[bhajneet]

5% off the respective width and height is default in dev. Need to add a slider from 0 to 20% still.

[bhajneet]

Need to break these two CSS vars to use a single number and manipulate that (5 = 5vh and 5vw):

https://github.com/ShabadOS/desktop/blob/dev/app/frontend/src/App.css#L11

[saihaj]

We can add a new css var that will be just an int and then can have a slider for that in some setting menu if that is what we want?

[bhajneet]

Whatever works