fix: dropdown and the contents of the dropdown section

[sbsangu]

Description

• Bug Description: The dropdown icon does not show, and the 'All' text is aligned to the left side and the dropdown is not working properly.
• Expected Behavior: The dropdown icon should be shown, and the inner content of the button should be centered and the dropdown should work as expected.
• Fix Implemented:
  • Added missing dropdown icon to the button.
  • Centered the text inside the button to align properly.
  • Fixed the dropdown functionality.

Fixes #345

[netlify]

✅ Deploy Preview for peaceful-ramanujan-288045 ready!

Name	Link
🔨 Latest commit	4a023c9
🔍 Latest deploy log	https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/66d9a47b07e5b300083cd0e6
😎 Deploy Preview	https://deploy-preview-347--peaceful-ramanujan-288045.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.

[github-actions]

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[AceTheCreator]

@sbsangu, Thanks for opening the PR. I'll have to hold on reviewing the PR cuz the discussion in the issue doesn't seem to be resolved yet

[sbsangu]

@AceTheCreator Does the discussion in the issue is resolved now?

[AceTheCreator]

Not yet, still waiting for @Mayaleeeee comments.

[Mayaleeeee]

Looks good, @sbsangu Thank you!

cc @AceTheCreator @ashmit-coder

[AceTheCreator]

@sbsangu,two things.

• You don't have to make the dropdown border-radius that curved.
• Dropdown doesn't close when i click out.

[Mayaleeeee]

@sbsangu,two things.

• You don't have to make the dropdown border-radius that curved.
• Dropdown doesn't close when i click out.

Hey @AceTheCreator
Typically, dropdowns can close when clicking outside. It keeps the UI clean and reduces user confusion. I'm curious, though, what's your reason for not supporting that behaviour? I'd love to understand your perspective.

[sbsangu]

@AceTheCreator @Mayaleeeee Do i need to change anything?

[AceTheCreator]

@sbsangu,two things.

• You don't have to make the dropdown border-radius that curved.
• Dropdown doesn't close when i click out.

Hey @AceTheCreator Typically, dropdowns can close when clicking outside. It keeps the UI clean and reduces user confusion. I'm curious, though, what's your reason for not supporting that behaviour? I'd love to understand your perspective.

Sorry, what behaviour @Mayaleeeee?

[Mayaleeeee]

@sbsangu,two things.

• You don't have to make the dropdown border-radius that curved.
• Dropdown doesn't close when i click out.

Hey @AceTheCreator Typically, dropdowns can close when clicking outside. It keeps the UI clean and reduces user confusion. I'm curious, though, what's your reason for not supporting that behaviour? I'd love to understand your perspective.

Sorry, what behaviour @Mayaleeeee?

I mean what's your reason for not supporting the changes. @AceTheCreator

[AceTheCreator]

@sbsangu,two things.

• You don't have to make the dropdown border-radius that curved.
• Dropdown doesn't close when i click out.

Hey @AceTheCreator Typically, dropdowns can close when clicking outside. It keeps the UI clean and reduces user confusion. I'm curious, though, what's your reason for not supporting that behaviour? I'd love to understand your perspective.

Sorry, what behaviour @Mayaleeeee?

I mean what's your reason for not supporting the changes. @AceTheCreator

I do support the changes, i'm only suggesting enhancements :/ If you think it's looks good, we are good to go.

[AceTheCreator]

Can you resolve the conflict?