Beautify mobile UI

[lowtorola]

• makes mobile view sizes first-class on the dashboard
• major rework of our table scheme to enable mobile viewing (chefs kiss)

Resolves #870 🚀

[lowtorola]

@nour-massri pls review tyty need to push this 😃

[nour-massri]

liked the table view of the scrimmage on mobile looks way better
but can you modify the showing 1-1/1 to look on the same line maybe, have a look how is it now

[nour-massri]

maybe also a little bit less width to the sidebar(the left bar that contains rating, team, ....) and more width for the other teams content, or any other way that displays the full name of the team
see here:

[lowtorola]

Oh i did the vertical page count progress on mobile bc it needs all that room when you have miss of tabs

[lowtorola]

Less width for headers is definitely doable though

[nour-massri]

Oh i did the vertical page count progress on mobile bc it needs all that room when you have miss of tabs
make senses, I just inspected with iphone SE screen in a page with multiple tabs it is kinda tricky