feat(web): desktop responsiveness navbar, footer, community section, dashboard juror info, home page..

[kemuru]

this PR contains Desktop responsiveness for: Navbar, Footer, Community Section, Dashboard's Juror Info, Home page, etc

[netlify]

✅ Deploy Preview for kleros-v2 ready!

Name	Link
🔨 Latest commit	0a7e5ce
🔍 Latest deploy log	https://app.netlify.com/sites/kleros-v2/deploys/65006be9d66f010008f82bdc
😎 Deploy Preview	https://deploy-preview-1211--kleros-v2.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[alcercu]

I would like to maintain the mobile first philosophy, as I mentioned on the smallScreenStyle comment, the changes would require to take what's inside the smallScreenStyle function, move it outside, and then use a landscapeStyle to style for bigger screens.
I know that a lot of work has gone into this, so I won't push this too much, if your call is to go with this PR @kemuru @nhestrompia @jaybuidl I'm okay with it

[kemuru]

I would like to maintain the mobile first philosophy, as I mentioned on the smallScreenStyle comment, the changes would require to take what's inside the smallScreenStyle function, move it outside, and then use a landscapeStyle to style for bigger screens. I know that a lot of work has gone into this, so I won't push this too much, if your call is to go with this PR @kemuru @nhestrompia @jaybuidl I'm okay with it

yeah I think that makes sense too. I can invert the queries today maybe. Which landscapeStyle breakpoint should we use?

[alcercu]

I would like to maintain the mobile first philosophy, as I mentioned on the smallScreenStyle comment, the changes would require to take what's inside the smallScreenStyle function, move it outside, and then use a landscapeStyle to style for bigger screens. I know that a lot of work has gone into this, so I won't push this too much, if your call is to go with this PR @kemuru @nhestrompia @jaybuidl I'm okay with it

yeah I think that makes sense too. I can invert the queries today maybe. Which landscapeStyle breakpoint should we use?

Depends on what we want for tablet 🤔 If we want landscape tablet to be like desktop, I would go with 900px. If we want it to look like mobile, I would go with 1200px. (I incline towards 900px, so tablet portrait would look like mobile and tablet landscape would look like desktop)

[codeclimate]

Code Climate has analyzed commit 0a7e5ce and detected 16 issues on this pull request.

Here's the issue category breakdown:

Category	Count
Complexity	2
Duplication	14

View more on Code Climate.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[alcercu]

lgtm