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/groups/group_ref.md

@@ -13,4 +13,4 @@ The Group object has the following properties:
 
 ## Attributes
 
-See [the user reference](../user/user_ref.md#attributes) for well-known attributes.
+See [the user reference](../user/user_ref.mdx#attributes) for well-known attributes.

website/docs/users-sources/groups/index.mdx

@@ -3,7 +3,7 @@ title: About groups
 description: Learn about groups in authentik
 ---
 
-For information about creating and editing groups refer to [Manage groups](./manage_groups.md).
+For information about creating and editing groups refer to [Manage groups](./manage_groups.mdx).
 
 ## Hierarchy
 

website/docs/users-sources/groups/manage_groups.mdx

@@ -43,7 +43,7 @@ To delete a group, follow these steps:
 
 You can assign a role to a group, and then all users in the group inherit the permissions assigned to that role. For instructions and more information, see [Assign a role to a group](../roles/manage_roles.md#assign-a-role-to-a-group).
 
-## Delegating group member management <span class="badge badge--version">authentik 2024.4+</span>
+## Delegating group member management:ak-version[2024.4]
 
 To give a specific Role or User the ability to manage group members, the following permissions need to be granted on the matching Group object: