[fix]: Improve announcement banner design in docs website

[Achanandhi-M]

Current Behavior: The announcement banner is currently displayed in plain white color, which doesn’t catch user attention. It looks out of place compared to the rest of the docs styling.

Expected Behavior: The announcement banner should use the theme colors from the docs site so that it looks consistent, attractive, and easily noticeable for users.

Steps to Reproduce:

1. Open the website where the announcement banner is shown.

2. Observe that the banner appears in plain white.

Reference:

[Srinu346]

Please assign it to me

[Achanandhi-M]

Hey @Srinu346 this is an Open issue, any one can contribute to it. Please try to raise a PR

[Srinu346]

Can i dm you in slack ?

[vanshgupta11]

Hi @Achanandhi-M , I am really interested in this task. Could you please assign it to me?

[syedmohammadaquib]

I've opened a pull request to address this issue. I've updated the styling for the announcement banner, including distinct designs for both light and dark modes, and addressed all of the initial feedback. You can find the PR here: https://github.com/keploy/docs/pull/674

[syedmohammadaquib]

@Achanandhi-M

[riddhij-7]

I’ve opened a PR for the announcement banner UI enhancement. You can find the PR here : https://github.com/keploy/docs/pull/710 @Achanandhi-M

[revaarathore11]

@Achanandhi-M @AkashKumar7902 please assign me.