Add tooling page CTA (#859)

* Add tooling page CTA

* Address linter

* Move CTA to top of page

* Move CTA back to bottom of page

docs/developers/tooling/oracles/redstone.mdx

@@ -1,6 +1,6 @@
 ---
 title: RedStone
-image: /img/socialCards/redstone-oracles.jpg
+image: /img/socialCards/redstone.jpg
 ---
 
 RedStone provides data feeds with update times of less than 10 seconds, suitable

docs/developers/tooling/oracles/tellor.mdx

@@ -1,6 +1,8 @@
 ---
 title: Tellor
-description: A versatile oracle protocol that can provide data of any type permissionlessly with crypto-economic liveness and security.
+description: >-
+  A versatile oracle protocol that can provide data of any type permissionlessly
+  with crypto-economic liveness and security.
 image: /img/socialCards/tellor.jpg
 ---
 

docs/developers/tooling/permanent-data/irys/irys-querying.mdx

@@ -1,6 +1,6 @@
 ---
 title: Query Irys transactions
-image: /img/socialCards/querying-irys-transactions.jpg
+image: /img/socialCards/query-irys-transactions.jpg
 description: Querying data on Irys.
 ---
 

src/components/ToolingCTA.jsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { useLocation } from "@docusaurus/router";
+import Admonition from "@theme/Admonition";
+
+export default function ToolingCTA() {
+  const location = useLocation();
+
+  // Only show on pages that include "/tooling" in their path
+  if (!location.pathname.includes("/tooling")) {
+    return null;
+  }
+
+  return (
+    <div style={{ marginTop: "2rem" }}>
+      <Admonition type="info" title="Want to be featured here?">
+        <p>
+          Have you built a tool for Linea? Contribute to the docs to add it
+          here! See our{" "}
+          <a href="https://github.com/Consensys/doc.linea?tab=readme-ov-file#contribute">
+            guide to contributing
+          </a>
+          .
+        </p>
+      </Admonition>
+    </div>
+  );
+}

src/theme/DocItem/Layout/index.js

@@ -13,6 +13,7 @@ import DocBreadcrumbs from "@theme/DocBreadcrumbs";
 import ContentVisibility from "@theme/ContentVisibility";
 import styles from "./styles.module.css";
 import GetFeedback from "./GetFeedback";
+import ToolingCTA from "../../../components/ToolingCTA";
 
 /**
  * Decide if the toc should be rendered, on mobile or desktop viewports
@@ -47,6 +48,7 @@ export default function DocItemLayout({ children }) {
             <DocVersionBadge />
             {docTOC.mobile}
             <DocItemContent>{children}</DocItemContent>
+            <ToolingCTA />
             <GetFeedback />
             <DocItemFooter />
           </article>