fix: resolve build & export 404 component

src/components/FourZeroFour/index.tsx

@@ -0,0 +1,20 @@
+import React, { FC, Fragment } from "react"
+import * as SC from "./styles"
+
+interface IPossibleCorrections {
+  title: string
+}
+
+export const FourZeroFour: FC<IPossibleCorrections> = ({ children }) => {
+  return (
+    <Fragment>
+      <SC.Wrapper>
+        <SC.Title>NOT FOUND</SC.Title>
+        <SC.Text>
+          You just hit a route that doesn&#39;t exist... the sadness.
+        </SC.Text>
+      </SC.Wrapper>
+      {children}
+    </Fragment>
+  )
+}

src/components/FourZeroFour/styles.tsx

@@ -0,0 +1,21 @@
+import styled from "styled-components"
+
+export const Wrapper = styled.div`
+  padding: 100px 20px 20px 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`
+
+export const Title = styled.h1`
+  margin: 0;
+  padding: 10px;
+  line-height: 2.5rem;
+`
+
+export const Text = styled.p`
+  margin: 0;
+  padding: 10px;
+  line-height: 2rem;
+`