feat(services): add AutoDeployBadge component as header for services with git source QOV-1504

[fabienfleureau]

Summary

Issue: QOV-1504
User can directly see auto-deploy status on header of their services
There is also the webhook status

Screenshots / Recordings

Testing

• Changes tested locally in the relevant Console's pages and Storybooks
• yarn test or yarn test -u (if you need to regenerate snapshots)
• yarn format
• yarn lint

PR Checklist

• I followed naming, styling, and TypeScript rules (see .cursor/rules)
• I performed a self-review (diff inspected, dead code removed)
• I titled the PR using Conventional Commits with a scope when possible (e.g. feat(service): add new Terraform service) - required for semantic-release
• I only kept necessary comments, written in English (watch for useless AI comments)
• I involved a designer to validate UI changes if I am not a designer
• I covered new business logic with tests (unit)
• I confirmed CI is green (Codecov red can be accepted)
• I reviewed and executed locally any AI-assisted code

[RemiBonnet]

Qovery can create a Preview Environment for this PR.
To trigger its creation, please post a comment with one of the following command.

Command	Blueprint environment
/qovery preview 28c47145-c8e7-4b9d-8d9e-c65c95b48425	staging
/qovery preview cc1de7de-94e5-40f8-8e45-bc8986d9dfec	storybook
/qovery preview {all|UUID1,UUID2,...}	To preview multiple environments

---

This comment has been generated from Qovery AI 🤖.
Below, a word from its wisdom :

Take rest sometimes

[codecov]

Codecov Report

❌ Patch coverage is 7.14286% with 13 lines in your changes missing coverage. Please review.
✅ Project coverage is 49.42%. Comparing base (1793274) to head (7456a2e).
⚠️ Report is 2 commits behind head on staging.

Files with missing lines	Patch %	Lines
...re/src/lib/auto-deploy-badge/auto-deploy-badge.tsx	11.11%	8 Missing ⚠️
...ges/application/src/lib/ui/container/container.tsx	0.00%	4 Missing and 1 partial ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           staging    #2338      +/-   ##
===========================================
+ Coverage    47.78%   49.42%   +1.64%     
===========================================
  Files         1267      691     -576     
  Lines        23070    14997    -8073     
  Branches      6781     4484    -2297     
===========================================
- Hits         11025     7413    -3612     
+ Misses        9945     6190    -3755     
+ Partials      2100     1394     -706     

Flag	Coverage Δ
unittests	49.42% <7.14%> (+1.64%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[rmnbrd]

The border of the Auto-deploy badge is different from the border color of the other elements of the section. Is that expected?

[rmnbrd]

@fabienfleureau Could you please directly put into the webhookStatusConfig object the color-related classname instead of having this condition?

[rmnbrd]

Looks good to me 👍

[RemiBonnet]

🎉 This PR is included in version 1.276.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀