Add interactive cards with better ui

[heysaiyad]

Title and Issue number

Close #82

Checklist:

• [] I have mentioned the issue number in my Pull Request.
• [] I have commented my code, particularly in hard-to-understand areas
• [] I have created a helpful and easy to understand README.md

[welcome[bot]]

Thanks for opening this pull request! Please check out our contributing guidelines.

[netlify[bot]]

✅ Deploy Success

Name	Link
🔨 Latest commit	3e14ab39c1549fcbd63f0c1453e900852bfc2e79
🔍 Latest deploy log	https://app.netlify.com/sites/swasthify/deploys/63414f47b5f01300088fa017
😎 Deploy Preview	https://deploy-preview-92--swasthify.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 settings.

[pranjay-poddar]

Please follow angular documentation, project readme, project requirements, project hierarchy and then make contributions.