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/package.json

@@ -17,6 +17,7 @@
         "watch": "docusaurus gen-api-docs all && docusaurus start"
     },
     "dependencies": {
+        "semver": "^7.7.0",
         "@docusaurus/core": "^3.7.0",
         "@docusaurus/plugin-client-redirects": "^3.7.0",
         "@docusaurus/plugin-content-docs": "^3.7.0",
@@ -36,6 +37,7 @@
         "react-feather": "^2.0.10",
         "react-toggle": "^4.1.3",
         "react-tooltip": "^5.28.0",
+        "remark-directive": "^3.0.1",
         "remark-github": "^12.0.0"
     },
     "browserslist": {
@@ -51,6 +53,7 @@
         ]
     },
     "devDependencies": {
+        "@types/semver": "^7.5.8",
         "@docusaurus/module-type-aliases": "^3.3.2",
         "@docusaurus/tsconfig": "^3.7.0",
         "@docusaurus/types": "^3.3.2",