Update webhook badges to pajamas

What does this MR do and why?

Update webhook badges to pajamas

• update ssl badge, status badge, and type badge

Changelog: changed

Screenshots or screen recordings

Before	After

How to set up and validate locally

1. Navigate to a project => Settings => Webhook
2. Create a webhook
3. Apply the below patch and verify

diff --git a/app/views/shared/web_hooks/_hook.html.haml b/app/views/shared/web_hooks/_hook.html.haml
index c5a03ef4dc1..522cc178fb1 100644
--- a/app/views/shared/web_hooks/_hook.html.haml
+++ b/app/views/shared/web_hooks/_hook.html.haml
@@ -6,11 +6,11 @@
     .col-md-8.col-lg-7
       %strong.light-header
         = hook.url
-        - if hook.rate_limited?
+        - if true
           = gl_badge_tag(_('Disabled'), variant: :danger, size: :sm)
-        - elsif hook.permanently_disabled?
+        - if true
           = gl_badge_tag(s_('Webhooks|Failed to connect'), variant: :danger, size: :sm)
-        - elsif hook.temporarily_disabled?
+        - if true
           = gl_badge_tag(s_('Webhooks|Fails to connect'), variant: :warning, size: :sm)
 
       %div

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

Related to #344373 (closed)