add back badge which is evidently used

Author: Blargian

src/theme/badges/ClickHouseSupported/index.js

@@ -0,0 +1,26 @@
+import React from "react"
+import styles from "./styles.module.css"
+
+const Icon = () => {
+    return (
+        <div className={styles.ClickHouseSupportedIcon} style={{ marginRight: '8px', marginTop: '4px' }}>
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M1.30762 1.39073C1.30762 1.3103 1.37465 1.22986 1.46849 1.22986H2.64824C2.72868 1.22986 2.80912 1.29689 2.80912 1.39073V14.4886C2.80912 14.5691 2.74209 14.6495 2.64824 14.6495H1.46849C1.38805 14.6495 1.30762 14.5825 1.30762 14.4886V1.39073Z" fill="#282828" />
+                <path d="M4.2832 1.39073C4.2832 1.3103 4.35023 1.22986 4.44408 1.22986H5.62383C5.70427 1.22986 5.7847 1.29689 5.7847 1.39073V14.4886C5.7847 14.5691 5.71767 14.6495 5.62383 14.6495H4.44408C4.36364 14.6495 4.2832 14.5825 4.2832 14.4886V1.39073Z" fill="#282828" />
+                <path d="M7.25977 1.39073C7.25977 1.3103 7.3268 1.22986 7.42064 1.22986H8.60039C8.68083 1.22986 8.76127 1.29689 8.76127 1.39073V14.4886C8.76127 14.5691 8.69423 14.6495 8.60039 14.6495H7.42064C7.3402 14.6495 7.25977 14.5825 7.25977 14.4886V1.39073Z" fill="#282828" />
+                <path d="M10.2354 1.39073C10.2354 1.3103 10.3024 1.22986 10.3962 1.22986H11.576C11.6564 1.22986 11.7369 1.29689 11.7369 1.39073V14.4886C11.7369 14.5691 11.6698 14.6495 11.576 14.6495H10.3962C10.3158 14.6495 10.2354 14.5825 10.2354 14.4886V1.39073Z" fill="#282828" />
+                <path d="M13.2256 6.6057C13.2256 6.52526 13.2926 6.44482 13.3865 6.44482H14.5662C14.6466 6.44482 14.7271 6.51186 14.7271 6.6057V9.27354C14.7271 9.35398 14.6601 9.43442 14.5662 9.43442H13.3865C13.306 9.43442 13.2256 9.36739 13.2256 9.27354V6.6057Z" fill="#282828" />
+            </svg>
+        </div>
+    )
+}
+
+const ClickHouseSupportedBadge = () => {
+    return (
+        <div className={styles.ClickHouseSupportedBadge}>
+            <Icon />ClickHouse Supported
+        </div>
+    )
+}
+
+export default ClickHouseSupportedBadge

src/theme/badges/ClickHouseSupported/styles.module.css

@@ -0,0 +1,33 @@
+.ClickHouseSupportedBadge {
+    background-color: #faff69;
+    border-radius: 16px;
+    margin-top: 0px;
+    margin-bottom: 15px;
+    display: flex;
+    align-items: center;
+    padding: 5px 12px;
+    color: #161517;
+    display: inline-flex;
+    margin-right: 5px;
+}
+
+.ClickHouseSupportedIcon svg path {
+    fill: #282828;
+}
+
+.ClickHouseSupportedBadge a {
+    color: black;
+}
+
+[data-theme="dark"] .ClickHouseSupportedBadge {
+    background-color: #faff69;
+    color: #161517;
+}
+
+[data-theme="dark"] .ClickHouseSupportedBadge a {
+    color: #161517;
+}
+
+[data-theme="dark"] .ClickHouseSupportedIcon svg path {
+    fill: #161517;
+}