website: Use Docusaurus Frontmatter for badges (#12893)

website/docs: Reduce redundant usage of badges. Move badge logic to components.

- Fix JSX class name warning.
- Remove duplicate titles.
- Flesh out `support_level` frontmatter.

website/docs/users-sources/sources/social-logins/google/cloud/index.md

@@ -2,10 +2,9 @@
 title: Google Cloud (with OAuth)
 sidebar_label: Google Cloud (OAuth)
 tags: [integration, oauth, google]
+support_level: community
 ---
 
-<span class="badge badge--secondary">Support level: Community</span>
-
 Allows users to authenticate using their Google credentials
 
 ## Preparation

website/docs/users-sources/sources/social-logins/google/workspace/index.md

@@ -2,10 +2,9 @@
 title: Google Workspace (with SAML)
 sidebar_label: Google Workspace (SAML)
 tags: [integration, saml, google]
+support_level: authentik
 ---
 
-<span className="badge badge--primary">Support level: authentik</span>
-
 This topic covers configuring authentik to authenticate users with their Google Workspace credentials.
 
 ## What is Google Workspace?