- implement lists

- implement generic sections
- implement list actions
- implement error handlers

src/components/builder/center/Artboard.js

@@ -1,4 +1,5 @@
 import React, { useContext } from "react";
+import { Helmet } from "react-helmet";
 import ResumeContext from "../../../contexts/ResumeContext";
 import TemplateContext from "../../../contexts/TemplateContext";
 import Onyx from "../../../templates/Onyx";
@@ -9,8 +10,18 @@ const Artboard = () => {
   const { state } = useContext(ResumeContext);
 
   return (
-    <div id="artboard" className={styles.container}>
-      <Onyx data={state} layout={blocks} colors={colors} />
+    <div>
+      <Helmet>
+        <title>{state.name} | Reactive Resume</title>
+        <link
+          rel="canonical"
+          href={`https://rxresu.me/app/builder/${state.id}`}
+        />
+      </Helmet>
+
+      <div id="artboard" className={styles.container}>
+        <Onyx data={state} layout={blocks} colors={colors} />
+      </div>
     </div>
   );
 };