Get toolkits from the design system. (#468)

* Get toolkits from the design system.

* Remove biome ignore and add copy page

* Add copy page to our _meta files

* fix package.json

Author: sdserranog

app/_components/analytics.tsx

@@ -18,7 +18,6 @@ export const SignupLink = ({
 
   const trackSignupClick = (source: string) => {
     posthog?.capture("Signup clicked", {
-      // biome-ignore lint/style/useNamingConvention: This is ok for PostHog
       link_location: source,
     });
   };

app/_components/dynamic-survey/index.tsx

@@ -37,7 +37,6 @@ export default function DynamicSurvey({
       return;
     }
     if (!surveyShown.current) {
-      // biome-ignore lint/style/useNamingConvention: This is ok for PostHog
       posthog?.capture("survey shown", { $survey_id: surveyData.id });
       surveyShown.current = true;
     }
@@ -51,7 +50,6 @@ export default function DynamicSurvey({
 
     const handleBeforeUnload = () => {
       if (currentQuestionIndex < surveyData.questions.length - 1) {
-        // biome-ignore lint/style/useNamingConvention: This is ok for PostHog
         posthog?.capture("survey dismissed", { $survey_id: surveyData.id });
       }
     };

app/_components/dynamic-survey/utils.ts

@@ -52,7 +52,6 @@ export const createSurveyEventProperties = (
       // biome-ignore lint/performance/noAccumulatingSpread: safe and clearer here, small object size
       return { ...acc, [key]: formattedResponse };
     },
-    // biome-ignore lint/style/useNamingConvention: This is ok for PostHog
     { $survey_id: surveyId }
   );
 };

app/_layouts/shared-layout.tsx

@@ -104,7 +104,7 @@ export default async function SharedLayout({
           <TranslationBanner dictionary={dictionary} locale={lang} />
         )}
         <Layout
-          copyPageButton={false}
+          copyPageButton={true}
           docsRepositoryBase="https://github.com/ArcadeAI/docs"
           editLink={dictionary.editPage}
           footer={

app/en/_meta.tsx

@@ -1,6 +1,11 @@
 import type { MetaRecord } from "nextra";
 
 const meta: MetaRecord = {
+  "*": {
+    theme: {
+      copyPage: false,
+    },
+  },
   home: {
     type: "page",
     title: "Home",

app/en/home/_meta.tsx

@@ -2,6 +2,11 @@ import { BadgeHelp, Home } from "lucide-react";
 import type { MetaRecord } from "nextra";
 
 export const meta: MetaRecord = {
+  "*": {
+    theme: {
+      copyPage: true,
+    },
+  },
   index: {
     title: (
       <span className="flex items-center gap-2 font-medium">
@@ -13,6 +18,7 @@ export const meta: MetaRecord = {
       breadcrumb: false,
       layout: "full",
       toc: false,
+      copyPage: false,
     },
   },
   "contact-us": {

app/en/home/auth-providers/_meta.tsx

@@ -5,6 +5,7 @@ const meta: MetaRecord = {
     theme: {
       breadcrumb: true,
       toc: true,
+      copyPage: true,
     },
   },
   index: {

app/en/home/crewai/_meta.tsx

@@ -5,6 +5,7 @@ const meta: MetaRecord = {
     theme: {
       breadcrumb: true,
       toc: true,
+      copyPage: true,
     },
   },
   "use-arcade-tools": {

app/en/home/hybrid-deployment/_meta.tsx

@@ -5,6 +5,7 @@ const meta: MetaRecord = {
     theme: {
       breadcrumb: true,
       toc: true,
+      copyPage: true,
     },
   },
   "hybrid-worker": {

app/en/home/mastra/_meta.tsx

@@ -5,6 +5,7 @@ const meta: MetaRecord = {
     theme: {
       breadcrumb: true,
       toc: true,
+      copyPage: true,
     },
   },
   overview: {