feat: Added Popular Categories with full logic

[ayush-848]

Title and Issue number

Title : Added Popular Categories with full logic

Issue No. : #1251

Code Stack : js

Close #1251

Description

• Display Top 5 Categories: Ranks and shows the top 5 categories based on their frequency.
• Category Filtering: Clicking on a category filters blog posts to only show those with the selected category.
• Dynamic Category List: Updates the category list dynamically based on the blog posts data.

Video/Screenshots (mandatory)

https://www.awesomescreenshot.com/video/29994250?key=219b315397adef7a03fc3ab374a86f8a

Type of PR

• [ ] Bug fix
• [x] Feature enhancement
• [ ] Documentation update
• [ ] Other (specify): ___

Checklist:

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

Additional context:

Are you contributing under any Open-source programme?

• [x] I am contributing under GSSOC'24
• [ ] I am contributing under VSOC'24

[netlify[bot]]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	74f290ddb45e8743f7c0e8c8a4c4d8b7f226c428
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/66a7bd3c008a77000859d517
😎 Deploy Preview	https://deploy-preview-1266--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.

[ayush-848]

@apu52 I have also added relevant link in the quicklinks that are totally functional

[ayush-848]

@apu52 Can I get a level 3 for this????

[ayush-848]

@apu52 please check this

[apu52]

@apu52 Can I get a level 3 for this????

I can max assign u level 2 for this PR