[BUG] cursor-pointer applied to the whole div instead of only on button

[ayush00git]

Describe the bug.

The tailwind property "cursor-pointer" is to be applied only on the button "AsyncAPI discussions" in the page https://www.asyncapi.com/community but it is applied all over the div. The user obviously expects a link when it's hovering over the div and getting a pointer on it.

Expected behavior

The pointer should only appear while hovering on the "AsyncAPI Discussions' button and not on the whole div.

Screenshots

How to Reproduce

1. Go to this page - https://www.asyncapi.com/community
2. Hover over the area as given in the screenshot, you'll see a pointer cursor whole over the div instead of only on the button.

🖥️ Device Information [optional]

👀 Have you checked for similar open issues?

• [x] I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• [x] I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!