remove some debug elements.

Author: rubenlangius

src/components/CodeBlock.tsx

@@ -2,6 +2,7 @@ import SyntaxHighlighter from "react-syntax-highlighter";
 import { CopyToClipboard } from "react-copy-to-clipboard";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
+import { Button } from "react-bootstrap";
 
 export default function CodeBlock({
   code,
@@ -33,9 +34,9 @@ export default function CodeBlock({
       <div className="d-flex flex-row justify-content-between align-items-center p-2">
         <h6 className="mb-0 ml-2 text-white"> {title}</h6>
         <CopyToClipboard text={code}>
-          <a className="btn btn-primary" onClick={() => setCopied(true)}>
+          <Button className="btn btn-primary" onClick={() => setCopied(true)}>
             <small>{copied ? t("copied") : t("copy")}</small>
-          </a>
+          </Button>
         </CopyToClipboard>
       </div>
 

src/components/Intro.tsx

@@ -9,8 +9,8 @@ export default function ({
   forms: { id: number; title: string }[];
   onStart: (index: number) => void;
 }) {
-  const { t, i18n } = useTranslation();
-  console.log(i18n);
+  const { t } = useTranslation();
+
   return (
     <Card style={{ minHeight: "300px" }}>
       <Card.Body className="d-flex flex-column justify-content-between">

src/components/WizardForm.tsx

@@ -174,8 +174,6 @@ const WizardForm = ({
 
   const firstQuestion = currentStepSchema?.properties?.[questions[0]];
 
-  console.log("currentStepSchema", currentStepSchema);
-
   return (
     <Card style={{ minHeight: "300px" }}>
       <Card.Header className="d-flex flex-row justify-content-between">

src/i18n/config.ts

@@ -9,7 +9,7 @@ i18next
   .use(initReactI18next)
   .init({
     fallbackLng: "en", // Default language if detection fails
-    debug: true,
+    // debug: true,
     resources: {
       en: {
         translation: enTranslation,