[BUG] Filter Alignment Issue on Large Screen

[KishanInnovates]

Describe the bug.

The filter component on large screens (lg breakpoint) is not properly centered. Instead, it aligns towards the left due to lg:justify-start.

Expected behavior

The filter should be centered on all screen sizes, including large screens (lg).

Screenshots

Before:

After fix:

How to Reproduce

1. Open the AsyncAPI Blog website on a screen width ≥ 1024px.
2. Observe that the filter is aligned to the left instead of the center.

🥦 Browser

Google Chrome

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup 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.

[KishanInnovates]

@thulieblack @sambhavgupta0705 can you approve this issue?