docs: update feature table (#6880)

Author: n1ru4l

packages/web/docs/src/components/icons.tsx

@@ -15,3 +15,20 @@ export function XIcon(props: React.SVGProps<SVGSVGElement>) {
     </svg>
   );
 }
+
+export function GatewayIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      stroke="currentColor"
+      fill="currentColor"
+      strokeWidth="0"
+      viewBox="0 0 256 256"
+      height="24"
+      width="24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M176,160a39.89,39.89,0,0,0-28.62,12.09l-46.1-29.63a39.8,39.8,0,0,0,0-28.92l46.1-29.63a40,40,0,1,0-8.66-13.45l-46.1,29.63a40,40,0,1,0,0,55.82l46.1,29.63A40,40,0,1,0,176,160Zm0-128a24,24,0,1,1-24,24A24,24,0,0,1,176,32ZM64,152a24,24,0,1,1,24-24A24,24,0,0,1,64,152Zm112,72a24,24,0,1,1,24-24A24,24,0,0,1,176,224Z" />
+    </svg>
+  );
+}

packages/web/docs/src/components/landing-page-feature-tabs.tsx

@@ -1,4 +1,5 @@
 import { ActiveHighlightImage, FeatureTab, FeatureTabs, Highlight } from './feature-tabs';
+import { GatewayIcon } from './icons';
 import auditImage from '../../public/features/gateway/audit.png';
 import observabilityClientsImage from '../../public/features/observability/clients.webp';
 import observabilityOperationsImage from '../../public/features/observability/operations.webp';
@@ -137,19 +138,3 @@ function GraphQLObservabilityIcon() {
     </svg>
   );
 }
-
-function GatewayIcon() {
-  return (
-    <svg
-      stroke="currentColor"
-      fill="currentColor"
-      strokeWidth="0"
-      viewBox="0 0 256 256"
-      height="24"
-      width="24"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M176,160a39.89,39.89,0,0,0-28.62,12.09l-46.1-29.63a39.8,39.8,0,0,0,0-28.92l46.1-29.63a40,40,0,1,0-8.66-13.45l-46.1,29.63a40,40,0,1,0,0,55.82l46.1,29.63A40,40,0,1,0,176,160Zm0-128a24,24,0,1,1-24,24A24,24,0,0,1,176,32ZM64,152a24,24,0,1,1,24-24A24,24,0,0,1,64,152Zm112,72a24,24,0,1,1,24-24A24,24,0,0,1,176,224Z" />
-    </svg>
-  );
-}