Test authoring tools (#153)

- Integrations: test authoring
- Guides: test authoring
- Cloud Docs: restructuring `creating and running test section`

Author: Pepe Cano

.vale/Vocab/docs/accept.txt

@@ -123,4 +123,5 @@ untyped
 vendored
 walkthrough
 webpages
-wpnonce
+wpnonce
+(?i)codeless

gatsby-node.js

@@ -528,6 +528,36 @@ const createRedirects = ({ actions, pathPrefix }) => {
     toPath: '/javascript-api/k6-html',
     isPermanent: true,
   });
+
+  createRedirect({
+    fromPath: '/using-k6/session-recording-har-support',
+    toPath: '/test-authoring/recording-a-session',
+    isPermanent: true,
+  });
+
+  createRedirect({
+    fromPath: '/cloud/creating-and-running-a-test/test-builder',
+    toPath: '/test-authoring/test-builder',
+    isPermanent: true,
+  });
+
+  createRedirect({
+    fromPath: '/cloud/creating-and-running-a-test/in-app-script-editor',
+    toPath: '/cloud/creating-and-running-a-test/script-editor',
+    isPermanent: true,
+  });
+
+  createRedirect({
+    fromPath: '/cloud/creating-and-running-a-test/recording-a-test-script',
+    toPath: '/test-authoring/recording-a-session/browser-recorder',
+    isPermanent: true,
+  });
+
+  createRedirect({
+    fromPath: '/docs/cloud/creating-and-running-a-test/converters',
+    toPath: '/integrations',
+    isPermanent: true,
+  });
 };
 
 exports.createPages = async (options) => {

src/components/pages/doc-integrations/external-links-dashboard/external-links-dashboard.module.scss

@@ -2,6 +2,13 @@
   @include doc-section-spacing;
 }
 
+.subtitle {
+  margin-top: 10px;
+  color: $color-secondary;
+  font-size: $font-size-lg;
+  line-height: $line-height-lg;
+}
+
 .dashboard {
   padding: 0;
   list-style-type: none;

src/components/pages/doc-integrations/external-links-dashboard/external-links-dashboard.view.js

@@ -4,11 +4,16 @@ import React from 'react';
 
 import styles from './external-links-dashboard.module.scss';
 
-export const ExternalLinksDashboard = ({ dashboardTitle, linksData }) => (
+export const ExternalLinksDashboard = ({
+  dashboardTitle,
+  subtitle,
+  linksData,
+}) => (
   <div className={`container ${styles.wrapper}`}>
     <Heading tag={'h2'} size={'lg'}>
       {dashboardTitle}
     </Heading>
+    {subtitle && <p className={styles.subtitle}>{subtitle}</p>}
     <ul className={styles.dashboard}>
       {linksData.map(({ picture, title, description, url }, i) => (
         <li className={styles.linkWrapper} key={`exb-${i}`}>