improve platform support ui in docs

Author: msukkari

docs/docs/connections/overview.mdx

@@ -3,6 +3,8 @@ title: Overview
 sidebarTitle: Overview
 ---
 
+import SupportedPlatforms from '/snippets/platform-support.mdx'
+
 To connect your code to Sourcebot you create **connections**. A **connection** is a configuration object that describes how Sourcebot should fetch information from a supported code host.
 
 There are two ways to define connections:
@@ -23,15 +25,6 @@ There are two ways to define connections:
 
 ### Supported code hosts
 
-<CardGroup cols={2}>
-    <Card horizontal title="GitHub" icon="github" href="/docs/connections/github" />
-    <Card horizontal title="GitLab" icon="gitlab" href="/docs/connections/gitlab" />
-    <Card horizontal title="Bitbucket Cloud" icon="bitbucket" href="/docs/connections/bitbucket-cloud" />
-    <Card horizontal title="Bitbucket Data Center" icon="bitbucket" href="/docs/connections/bitbucket-data-center" />
-    <Card horizontal title="Gitea" href="/docs/connections/gitea" />
-    <Card horizontal title="Gerrit" href="/docs/connections/gerrit" />
-    <Card horizontal title="Other Git hosts" icon="git-alt" href="/docs/connections/generic-git-host" />
-    <Card horizontal title="Local Git repos" icon="folder" href="/docs/connections/local-repos" />
-</CardGroup>
+<SupportedPlatforms />
 
 <Note>Missing your code host? [Submit a feature request on GitHub](https://github.com/sourcebot-dev/sourcebot/discussions/categories/ideas).</Note>

docs/self-hosting/overview.mdx

@@ -3,6 +3,8 @@ title: Self-host Sourcebot
 sidebarTitle: Overview
 ---
 
+import SupportedPlatforms from '/snippets/platform-support.mdx'
+
 <Note>Want a managed solution? Checkout [Sourcebot Cloud](/docs/getting-started).</Note>
 
 Sourcebot is open source and can be self-hosted using our official [Docker image](https://github.com/sourcebot-dev/sourcebot/pkgs/container/sourcebot).
@@ -75,16 +77,7 @@ Sourcebot is open source and can be self-hosted using our official [Docker image
     <Step title="Link your code">
         Sourcebot supports indexing public & private code on the following code hosts:
 
-        <CardGroup cols={2}>
-            <Card horizontal title="GitHub" icon="github" href="/docs/connections/github" />
-            <Card horizontal title="GitLab" icon="gitlab" href="/docs/connections/gitlab" />
-            <Card horizontal title="Bitbucket Cloud" icon="bitbucket" href="/docs/connections/bitbucket-cloud" />
-            <Card horizontal title="Bitbucket Data Center" icon="bitbucket" href="/docs/connections/bitbucket-data-center" />
-            <Card horizontal title="Gitea" href="/docs/connections/gitea" />
-            <Card horizontal title="Gerrit" href="/docs/connections/gerrit" />
-            <Card horizontal title="Other Git hosts" icon="git-alt" href="/docs/connections/generic-git-host" />
-            <Card horizontal title="Local Git repos" icon="folder" href="/docs/connections/local-repos" />
-        </CardGroup>
+        <SupportedPlatforms />
 
         <Note>Missing your code host? [Submit a feature request on GitHub](https://github.com/sourcebot-dev/sourcebot/discussions/categories/ideas).</Note>
     </Step>

docs/snippets/platform-support.mdx

@@ -0,0 +1,10 @@
+<CardGroup cols={2}>
+    <Card horizontal title="GitHub" icon="github" href="/docs/connections/github" />
+    <Card horizontal title="GitLab" icon="gitlab" href="/docs/connections/gitlab" />
+    <Card horizontal title="Bitbucket Cloud" icon="bitbucket" href="/docs/connections/bitbucket-cloud" />
+    <Card horizontal title="Bitbucket Data Center" icon="bitbucket" href="/docs/connections/bitbucket-data-center" />
+    <Card horizontal title="Gitea" icon="mug-tea" href="/docs/connections/gitea" />
+    <Card horizontal title="Gerrit" icon="crow" href="/docs/connections/gerrit" />
+    <Card horizontal title="Other Git hosts" icon="git-alt" href="/docs/connections/generic-git-host" />
+    <Card horizontal title="Local Git repos" icon="folder" href="/docs/connections/local-repos" />
+</CardGroup>