Fix: dashboard homepage moble layout responsiveness.

[abdulmalikyusuf]

Description

Closes #1280

This PR addresses UX issues on the mobile view of the dashboard by improving alignment, readability, and overall usability. Key changes include adjusting the layout to provide better spacing between interactive elements and ensuring that the download button is fully visible and functional on mobile screens.

Changes proposed

What were you told to do?

Improve the mobile view of the dashboard to enhance user experience, particularly focusing on alignment, spacing, and readability.

What did you do?

• Adjusted the mobile layout to increase spacing between interactive elements such as the calendar and download button.
• Improved overall layout, spacing, and alignment of the dashboard for better readability and usability on mobile screens.
• Ensured that the download button is fully visible and not cut off in the mobile view.
• Tested the updated layout on various mobile devices to ensure consistency and responsiveness.

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title and description of the PR are clear and explain the approach.
• I am making a pull request against the dev branch (left side).
• My commit message style matches our requested structure.
• My code additions will fail neither code linting checks nor unit tests.
• I am only making changes to files I was requested to.

Screenshots/Videos

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	14.7%	785 / 5338
🔵	Statements	14.38%	787 / 5470
🔵	Functions	14.18%	215 / 1516
🔵	Branches	9.98%	230 / 2303

File Coverage

No changed files found.

Generated in workflow #404

[billmal071]

LGTM