Category section UI modified

[sau-mili]

Related Issue

[Cite any related issue(s) this pull request addresses. If none, simply state "None”]

resolves #1223

Description

[Please include a brief description of the changes or features added]

• Bug fixed: Spacing between components, and font issue
• Change the category icon images
• Added missing categories
• Fixed font size, alignment, weight
• Improved the category with grid css
• Made the category almost similar to that of original website

Type of PR

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

Screenshots / videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes]

BEFORE

AFTER

Checklist:

• [X] I have performed a self-review of my code
• [X] I have read and followed the Contribution Guidelines.
• [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 commented my code, particularly in hard-to-understand areas.

Additional context:

[Include any additional information or context that might be helpful for reviewers.]

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
flipkart-clone	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 23, 2024 0:05am

[sau-mili]

@arghadipmanna101 can you check now?

[arghadipmanna101]

Issue :

[sau-mili]

can you check now?

[sau-mili]

@arghadipmanna101 please check

[sau-mili]

@arghadipmanna101 i have resolved conflicts please check

[sau-mili]

@arghadipmanna101 check my PR please. And please check it before changing the categorydata.json file. It was originally wrongly aligned, I fixed it twice, but subsequent merges is causing unresolvable conflicts and repitition