feat(pills): add scattered pills feature and resolve issue #238

[raghav3615]

Closes #238 - feat(pills): Scattered Pills
@sudhashrestha @hari kindly review it

Checklist:
I have read and followed the contributing guidelines.
I have developed the component according to the requirements.
I have tested the component across different browsers and screen sizes.
I have documented the component for future reference.
I have submitted a pull request with appropriate labels and referenced this issue number.

[hari]

@raghav3615 this should be inside ‘feature cards’

[raghav3615]

@hari kindly review this

[hari]

@raghav3615 could you please sync your branch with the latest changes from the main?

[raghav3615]

@hari done

[hari]

@raghav3615 The implementation is still not correct. You don't need any state for that, I understand it could be not very clear from the video. Here's how it should work

1. The items are rotated by default
2. On group hover, the rotation of the item should be set to 0
3. When hovering over each item, they need to scale.

Also, please use symmetric vertical padding i.e. py-24 instead of pt-24, and reduce the value in small devices.

That is all we need and can be accomplished using CSS only.

[hari]

Please check my comment above :)

[sudhashrestha]

Hi @raghav3615

I hope you're doing well! Since it's been a while since this PR was reviewed, I wanted to check in and see if you're still planning to work on it. If so, could you kindly share an update by tomorrow?

If I don't hear back by then, I’ll unassign the issue to allow others to take it up.

Thanks for your understanding!