add not-found-component

src/components/Menu.js

@@ -1,3 +1,10 @@
+/**
+ * SVG minifyer: https://www.svgminify.com/
+ * SVG to JSX converter:
+ *      https://react-svgr.com/playground/
+ *      https://svg2jsx.com/
+ */
+
 import {ReactComponent as DownloadIcon} from '../images/cloud-download.svg';
 import {ReactComponent as CloudIcon} from '../images/cloud.svg';
 import {ReactComponent as Arrow} from '../images/arrow.svg';

src/components/NotFound.css

@@ -0,0 +1,8 @@
+.not-found {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}

src/components/NotFound.js

@@ -0,0 +1,19 @@
+/**
+ * SVG minifyer: https://www.svgminify.com/
+ * SVG to JSX converter:
+ *      https://react-svgr.com/playground/
+ *      https://svg2jsx.com/
+ */
+
+import NotFoundImg from '../images/NotFound.jsx';
+import './NotFound.css'
+
+function NotFound () {
+    return (
+        <div className='not-found'>
+            <NotFoundImg/>
+        </div>
+    );
+}
+
+export default NotFound;