fix(web): fix-cases-list-view-alignment

[tractorss]

closes #1399

fixes the alignment of elements on cases list view

---

PR-Codex overview

Focus of this PR:

This PR focuses on improving the responsiveness and layout of the DisputeCard and CasesDisplay components.

Detailed summary:

• Updated the width of DisputeCard component using a responsiveSize function.
• Imported and used the responsiveSize function in PeriodBanner component to update the width.
• Added flex: 1 to the DisputeInfo component to fill the available space.
• Replaced flexbox with grid layout in RestOfFieldsContainer component.
• Updated the layout of CasesListHeader component using grid layout.
• Updated the layout of CasesData component using grid layout and added margin-right.
• Updated the width of CaseTitle component using responsiveSize function.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

[netlify]

✅ Deploy Preview for kleros-v2 ready!

Name	Link
🔨 Latest commit	5b5b233
🔍 Latest deploy log	https://app.netlify.com/sites/kleros-v2/deploys/65a0e27a09c70b00087071e5
😎 Deploy Preview	https://deploy-preview-1406--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.

[codeclimate]

Code Climate has analyzed commit 5b5b233 and detected 192 issues on this pull request.

Here's the issue category breakdown:

Category	Count
Complexity	13
Duplication	26
Style	153

View more on Code Climate.

[sonarqubecloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[kemuru]

lgtm

[alcercu]

lgtm