docs: Adding relayer and monitor docs for stylus (#81)

* docs: Adding relayer and monitor docs for stylus

* chore: Fix lint issue

Author: NicoMolinaOZ

src/components/layout/docs-layout-client.tsx

@@ -51,6 +51,11 @@ export function DocsLayoutClient({ children }: DocsLayoutClientProps) {
 				? new Set(["/substrate-runtimes", "/monitor", "/relayer"])
 				: new Set(["/substrate-runtimes"]);
 
+		const arbitrumStylusUrls =
+			isSharedPath && lastEcosystem === "contracts-stylus"
+				? new Set(["/contracts-stylus", "/monitor", "/relayer"])
+				: new Set(["/contracts-stylus"]);
+
 		return [
 			{
 				title: "Ethereum & EVM",
@@ -73,6 +78,7 @@ export function DocsLayoutClient({ children }: DocsLayoutClientProps) {
 				title: "Arbitrum Stylus",
 				url: "/contracts-stylus",
 				icon: <ArbitrumIcon className="w-5 h-5" />,
+				urls: arbitrumStylusUrls,
 			},
 			{
 				title: "Starknet",

src/hooks/use-navigation-tree.ts

@@ -25,6 +25,8 @@ export function useNavigationTree() {
 			sessionStorage.setItem("lastEcosystem", "stellar");
 		} else if (pathname.startsWith("/substrate-runtimes")) {
 			sessionStorage.setItem("lastEcosystem", "polkadot");
+		} else if (pathname.startsWith("/contracts-stylus")) {
+			sessionStorage.setItem("lastEcosystem", "contracts-stylus");
 		} else if (
 			pathname.startsWith("/contracts") ||
 			pathname.startsWith("/community-contracts") ||
@@ -73,6 +75,8 @@ export function useNavigationTree() {
 					return polkadotTree;
 				case "ethereum":
 					return ethereumEvmTree;
+				case "contracts-stylus":
+					return arbitrumStylusTree;
 				default:
 					return ethereumEvmTree;
 			}