[ENHANCEMENT] Make Category Cards Clickable for Direct Navigation

[harsh13713]

Title:

Make Category Cards Clickable for Direct Navigation

Description:
Currently, in the dashboard (see attached image), there are large colored category cards (e.g., "Yoga & Meditation", "Breathing Exercises", etc.) and smaller navigation buttons below each card. Users naturally click on the large card area expecting to be redirected, but only the button below each card works for navigation. This causes usability confusion.

Suggestion:
Please make the entire category card clickable, so clicking anywhere on the card (not just the button below) redirects the user to the corresponding activity (e.g., starting yoga or breathing exercises).

Steps to Reproduce:

• Open the main dashboard.
• Click on any large colored category card (not the button).
• Observe that nothing happens.
• Click the button below the card to be redirected.

Expected Behavior:
Clicking the card itself should redirect the user, so both the card and the button provide navigation to the activity.

Benefit:
This will improve user experience and navigation consistency, making the platform more intuitive for first-time and regular users.

Attached image for reference.

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[harsh13713]

@eccentriccoder01 can u please review this and assign it to me?

[eccentriccoder01]

That is a great suggestion @harsh13713! Just make sure to:
 

• Stay updated by fetching changes from the upstream in your local repo, as multiple people are constantly updating the main.
• Include a streamlit cloud deployment link of your updated fork and attach relevant screenshots/info...
• Reach out in case of any doubts...
   
  Assigning this issue to you, all the best👍🏻