Add dev tools' frontmatter

content/resources/dev-tools/domain-verifier.page.tsx

@@ -8,6 +8,13 @@ import { TextLookupForm } from "./components/TextLookupForm";
 import { addNewLogEntry, LogEntryItem, updateLogEntry } from './components/LogEntry'
 import { hexToBytes, hexToString, stringToHex } from "@xrplf/isomorphic/utils"
 
+export const frontmatter = {
+  seo: {
+    title: 'Domain Verifier',
+    description: "Use this tool to confirm that your rippled validator has domain verification set up correctly",
+  }
+};
+
 const TIPS =
   <p>Check if the xrp-ledger.toml file is actually hosted in the /.well-known/ location at the domain in your manifest. Check your server\'s HTTPS settings and certificate, and make sure your server provides the required <a href="xrp-ledger-toml.html#cors-setup">CORS header.</a></p>;
 

content/resources/dev-tools/rpc-tool.page.tsx

@@ -8,6 +8,13 @@ import { Client, isValidAddress } from 'xrpl'
 import { RPCResponseGroup } from './components/rpc-tool/rpc-response-group';
 import { clsx } from 'clsx';
 
+export const frontmatter = {
+  seo: {
+    title: 'RPC Tool',
+    description: "Quickly query several key details about an XRP Ledger account or transaction",
+  }
+};
+
 export default function RpcTool() {
   const { hash: slug } = useLocation();
   const [accountInfoResponse, setAccountInfoResponse] = useState(null);

content/resources/dev-tools/tx-sender.page.tsx

@@ -15,6 +15,13 @@ import { DestinationAddressInput } from './components/DestinationAddressInput';
 import { StatusSidebar } from './components/StatusSidebar';
 import { TransactionButton } from './components/TransactionButton';
 
+export const frontmatter = {
+  seo: {
+    title: 'Transaction Sender',
+    description: "Send test transactions to the account of your choice to test how your software handles them.",
+  }
+};
+
 async function onClickCreateEscrow(
     submitConstData: SubmitConstData,
     sendingWallet: Wallet | undefined, 

content/resources/dev-tools/websocket-api-tool.page.tsx

@@ -23,6 +23,13 @@ import commandList from "./components/websocket-api/data/command-list.json";
 import connections from "./components/websocket-api/data/connections.json";
 import { Loader } from './components/Loader';
 
+export const frontmatter = {
+  seo: {
+    title: 'WebSocket API Tool',
+    description: "Interact directly with XRP Ledger servers using the WebSocket API with this handy tool.",
+  }
+};
+
 export function WebsocketApiTool() {
 
   const [params, setParams] = useQueryParams({

content/resources/dev-tools/xrp-faucets.page.tsx

@@ -5,6 +5,13 @@ import { Client, dropsToXrp, Wallet } from 'xrpl';
 import * as faucetData from './faucets.json'
 import XRPLoader from '../../@theme/components/XRPLoader';
 
+export const frontmatter = {
+  seo: {
+    title: 'XRP Faucets',
+    description: "Get test XRP for use on various non-production networks.",
+  }
+};
+
 interface FaucetInfo {
   id: string,
   wsUrl: string,

content/resources/dev-tools/xrp-ledger-toml-checker.page.tsx

@@ -3,6 +3,14 @@ import { useTranslate } from '@portal/hooks';
 import { TextLookupForm, type TextLookupFormProps } from './components/TextLookupForm';
 import { fetchFile, fetchWallet } from './toml-checker/ValidateTomlSteps';
 import { LogEntryItem } from './components/LogEntry';
+
+export const frontmatter = {
+  seo: {
+    title: 'xrp-ledger.toml Checker',
+    description: "Confirm that your site's xrp-ledger.toml file is set up correctly.",
+  }
+};
+
 /**
  * Example data to test the tool with
  *