fix: Enhanced announcement bar UI (light & dark mode improvement)

[Charul192]

What has changed?

• Enhanced the announcement bar UI for better alignment and visual consistency.
• Updated the light mode to a softer orange gradient for a clean, modern look.
• Redesigned the dark mode with a warm amber glow to improve visibility and match Keploy’s brand color.
• Added smooth gradient transitions and adjusted font-weight for better readability.
• Ensured the announcement bar blends well with both dark and light themes.

This PR Resolves #3002

Type of change

• Bug fix (non-breaking change which fixes an issue).

How Has This Been Tested?

• Ran npm run build → ✅ no build errors.
• Ran npm run serve → ✅ verified that the updated announcement bar renders correctly.
• Visually tested on:
  💻 Desktop (Light + Dark Mode)
  📱 Mobile (Chrome DevTools responsive view)
• Verified that the bar text is visible and gradient looks smooth in both themes.
• Screenshots(After)
  Light Mode:

Dark Mode:

Checklist:

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

[github-actions]

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

[Achanandhi-M]

Hey @Charul192, thanks for raising the PR. For the announcement bar, we are looking to use a light orange background. Could you please update it to a lighter shade of orange?

[Charul192]

Hi @Achanandhi-M,
I’ve updated the announcement bar with a lighter orange shade as requested. The color now aligns better with the Keploy logo and looks balanced in both light and dark mode.
Please review it whenever you get a chance. Thank you!

[Achanandhi-M]

Hey @Charul192,
We need the default light orange background color. Could you please update it throughout the full design? Also please fix the DCO and prettify issues