docs: add initial docs for the new client-libraries (#10230)

# Which Problems Are Solved

The recently released client libraries were missing documentation, which
made it difficult for developers to understand and use the new features.

# How the Problems Are Solved

This pull request introduces the necessary documentation for the new
client libraries, covering their installation and basic usage.

# Additional Changes

None.

# Additional Context

This documentation supports the recent client library release.

docs/src/components/frameworks.jsx

@@ -2,20 +2,23 @@ import React from "react";
 import { Tile } from "./tile";
 import frameworks from "../../frameworks.json";
 
-export function Frameworks({}) {
-  return (
-    <div className="tile-wrapper">
-      {frameworks.map((framework) => {
-        return (
-          <Tile
-            title={framework.title}
-            imageSource={framework.imgSrcDark}
-            imageSourceLight={framework.imgSrcLight}
-            link={framework.docsLink}
-            external={framework.external}
-          ></Tile>
-        );
-      })}
-    </div>
-  );
+export function Frameworks({ filter }) {
+	const filteredFrameworks = frameworks.filter((framework) => {
+		return filter ? filter(framework) : true;
+	});
+
+	return (
+		<div className="tile-wrapper">
+			{filteredFrameworks.map((framework) => (
+				<Tile
+					key={framework.id || framework.title}
+					title={framework.title}
+					imageSource={framework.imgSrcDark}
+					imageSourceLight={framework.imgSrcLight}
+					link={framework.docsLink}
+					external={framework.external}
+				></Tile>
+			))}
+		</div>
+	);
 }