Add mobile design enhancements

[stickz]

This pull requests starts on mobile design enhancements. It maintains a desktop first philosophy.

• On the dashboard tab, the player ban blocks and comm block sections are separated bellow 1279px.

• The header is compressed bellow 1279px to better use screen space.

To re-simulate these changes, visit https://develop.bans.redstonend.uk/ Afterwards, reduce the size of your web browser until the width stops scaling on the source-bans interface.

Lastly, I had to use the php81 branch. This was a requirement on my web host for testing purposes.

[Rushaway]

Still need some correction:

[stickz]

@Rushaway which web browser are you using? I don't have this problem on my end. Could it be related to my sourcebans installation? And not the code changes? I didn't adjust the footer and navigation bar in this pull request.

[sneak-it]

Same issue here.

Better when in landscape:

[stickz]

@sneak-it Thanks for the increased detail. The problem was with the view port. I disabled that feature. Everything should work as intended now. This is just the first set of changes. I don't too many changes in a single pull request because it's too hard to test.

Once this pull request is merged, I can reduce the reference width to 600px with more mobile enhancements. I plan to collapse the navigation bar, simplify bans & comms and shrink the icons in the admin panel. This will create even more mobile usability.

[Rushaway]

Make a proper PR with a branch for have a clean commits history pls

[rumblefrog]

Thanks for this; I cherry-picked the commits into php81.