fix: mobile responsive updates

[harshitha-nano]

Purpose

This PR improves the mobile responsiveness of the project by implementing the following updates:

Changes

• Refactored layout for better mobile alignment
• Enhanced readability and spacing
• Improved typography for mobile screens
• Updated media queries for adaptive behavior

Please let me know if you need any modifications! 🚀

Checklist

• My code follows the style of this project.
• The code compiles without warnings.
• I have performed a self-review of the changes.
• I have documented my code, in particular the intent of the
  hard-to-understand areas.
• (If necessary) I have updated the CHANGELOG.

CLA acceptance

_Remove if not applicable.

By submitting the contribution I accept the terms and conditions of the
Contributor License Agreement v1.0

• link: https://developers.concordium.com/CLAs/Contributor-License-Agreement-v1.0.pdf

• I accept the above linked CLA.

[github-actions]

PR Preview Action v1.6.0
Preview removed because the pull request was closed.
2025-03-13 11:38 UTC

[dragosgd]

One of the changes introduced horizontal scrolling in the desktop version of the homepage, so it won't fit the screen properly, see screenshot bellow.
Please fix this and check that the desktop version is not affected in any other way.
Otherwise, the problems I previously observed in the mobile version are fixed.

[harshitha-nano]

Hi @dragosgd Thank you for the review and update. Sure I'll check the issue and resolve it please.

[harshitha-nano]

Hi @dragosgd

• Fixed the horizontal scrolling issue on the desktop version of the homepage, ensuring it fits properly within the screen
• Verified that no other unintended changes were introduced to the desktop layout

Please let me know if you need any modifications!

[dragosgd]

Hello, previous problems were fixed, but I noticed a new problem with the side menus, indentation levels are missing. Before and after screenshots are attached bellow.
Here are the side menus before:


Here are the side menus after:

[harshitha-nano]

Hi @dragosgd Thank you, I'll check the sidebar menu and confirm you the updates.

[harshitha-nano]

Hi @dragosgd Please find the following screenshot for the indent correction

• Identified and analysed the missing indentation levels in the side menus.
• Reviewed before and after screenshots to understand the issue.
• Fixed the indentation issue to restore proper menu hierarchy.
• Ensured the fix does not introduce new issues on desktop or mobile.
• Verified that previous fixes remain intact.