- add app version

- fix bugs with artboard

src/components/builder/right/sections/About.js

@@ -2,6 +2,7 @@ import React, { memo } from 'react';
 import { FaCoffee, FaBug, FaExternalLinkAlt } from 'react-icons/fa';
 import { MdCode } from 'react-icons/md';
 import { Trans, useTranslation } from 'react-i18next';
+import { useStaticQuery, graphql } from 'gatsby';
 import Button from '../../../shared/Button';
 import Heading from '../../../shared/Heading';
 import styles from './About.module.css';
@@ -9,6 +10,16 @@ import styles from './About.module.css';
 const About = ({ id }) => {
   const { t } = useTranslation();
 
+  const { site } = useStaticQuery(graphql`
+    query {
+      site {
+        siteMetadata {
+          version
+        }
+      }
+    }
+  `);
+
   return (
     <section>
       <Heading id={id} />
@@ -79,13 +90,15 @@ const About = ({ id }) => {
         </div>
       </div>
 
-      <div className="my-4 text-center opacity-50 text-sm">
+      <div className="my-4 text-center opacity-50 text-sm flex flex-col items-center justify-center">
         <Trans t={t} i18nKey="builder.about.footer">
           A
           <a href="https://amruthpillai.com" rel="noreferrer" target="_blank">
             B
           </a>
         </Trans>
+
+        <span className="mt-2 font-medium">v{site.siteMetadata.version}</span>
       </div>
     </section>
   );

src/components/builder/right/sections/Settings.js

@@ -80,7 +80,7 @@ const Settings = ({ id }) => {
         <Trans t={t} i18nKey="builder.settings.translate">
           A
           <a
-            href="https://github.com/AmruthPillai/Reactive-Resume/blob/master/TRANSLATING.md"
+            href="https://github.com/AmruthPillai/Reactive-Resume#translation"
             rel="noreferrer"
             target="_blank"
           >