fix: Enhanced announcement bar UI

[riddhij-7]

What has changed?

Enhanced the announcement bar UI for better alignment and visual consistency.
Used the theme colors from the docs site so that it looks consistent, attractive, and easily noticeable for users.
Improved padding and layout to make it look cleaner across screen sizes.
Ensured consistent styling with the overall documentation theme.

This PR Resolves #3002

Type of change
Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?
Ran yarn start - verified no build errors.
Visually tested on desktop and mobile resolutions.
Verified the announcement bar renders correctly and closes properly.

Checklist:

My code follows the style guidelines of this project.
I have performed a self-review of my own code.

Thanks for opening this pull request!

Please feel free to reach out to us by leaving a comment down below and we will be happy to take a look

[github-actions]

Thank you and congratulations 🎉 for opening your very first pull request in keploy

[Achanandhi-M]

Hey @riddhij-7, the announcement bar color should be a light orange, but in your PR it appears to be too dark. Could you please adjust it to a lighter shade? Also, please fix the DCO, lint, and Prettier issues, as they’re causing the CI pipeline to fail.

[riddhij-7]

I have made the adjustments - adjusted the announcement bar color to lighter orange and fixed lint, prettier issues.

Also, you can see the color change when switched to dark mode.

[Achanandhi-M]

Hey @riddhij-7, I think the orange color still looks a bit too dark, and it doesn’t blend well in dark mode. Please update it to a lighter shade. Also, kindly fix the lint and Prettier issues.

Additionally, I noticed there are a lot of file changes that don’t seem related to this PR — could you please review and clean those up as well?