feat: Enhanced UI of packages page

[shivam8112005]

Title and Issue number

Title : Enhanced UI of packages page

Issue No. : #1622

Code Stack : html, css

Close #1622

Description

Improved the user interface for the packages page to create a more visually appealing and user-friendly experience. Key enhancements include:

Updated layout and design for better readability and navigation.
Refined typography, color schemes, and spacing to improve aesthetic consistency.
Optimized responsive design for seamless viewing across devices.
This update ensures a cleaner, more engaging user experience on the packages page.

Video/Screenshots (mandatory)

Screen.Recording.2024-11-04.161651.mp4

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Checklist:

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have gone through the contributing.md file before contributing
• I have Starred the Repository.

Additional context:

##Are you contributing under any Open-source programme?

• I am contributing under GSSOC'24 Extended
• I am contributing under Hacktoberfest'24

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	c754182
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/6728a642a777d10008720df6
😎 Deploy Preview	https://deploy-preview-1624--taupe-cendol-f7e2bb.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.

[shivam8112005]

@apu52 is this ok ?

[apu52]

@shivam8112005 good work

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #1624 has been merged! 🎉🎉

[shivam8112005]

@apu52 thank you