update documentation

Author: JeremyDolle

documentation/src/components/HomepageDependencies.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import styles from './HomepageDependencies.module.css';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 const DependencyList = [
   {
@@ -13,7 +14,7 @@ const DependencyList = [
   },
   {
     title: 'Flipper',
-    path: require('../../static/img/dependencies/flipper.png').default,
+    path: '/img/dependencies/flipper.png',
   },
   {
     title: 'Prettier',
@@ -33,7 +34,7 @@ function Dependency({Svg, path, title}) {
   return (
     <div className={clsx('col col--2')}>
       <div className="text--center">
-        { path && <img className={styles.dependencySvg} src={path} alt={title}/> }
+        { path && <img className={styles.dependencySvg} src={useBaseUrl(path)} alt={title}/> }
         { Svg && <Svg className={styles.dependencySvg} alt={title} />}
       </div>
       <div className="text--center padding-horiz--md">

documentation/src/components/HomepageFeatures.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import styles from './HomepageFeatures.module.css';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 export default function HomepageFeatures() {
   return (
@@ -9,7 +10,7 @@ export default function HomepageFeatures() {
         <div className="container">
           <div className={styles.featuresRow}>
             <div className="col--6">
-              <img src={require('../../static/img/Red.png').default} alt="mockups" className={styles.mockups}/>
+              <img src={useBaseUrl('/img/Red.png')} alt="mockups" className={styles.mockups}/>
             </div>
             <div className="col--6">
               <ul className="features">