feat: add page not found

src/pages/NotFound/NotFound.module.scss

@@ -0,0 +1,19 @@
+.home {
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  background: var(--background);
+
+  h1 {
+    color: var(--orange);
+    font-size: 48px;
+  }
+
+  img {
+    width: 60%;
+    height: 60%;
+  }
+}

src/pages/NotFound/index.tsx

@@ -0,0 +1,25 @@
+import barberImg from 'assets/barber-404.svg';
+
+import { Button } from 'components/Button';
+
+import { useTheme } from 'contexts/Theme';
+
+import styles from './NotFound.module.scss';
+
+export function NotFound() {
+  const { theme } = useTheme();
+
+  return (
+    <div className={styles.home} data-theme={theme}>
+      <h1>Erro 404</h1>
+      <img src={barberImg} alt="Barbeiro cortando cabelo" />
+      <p>Ops, parece que você está procurando por algo que não existe.</p>
+
+      <br />
+
+      <Button type="button" onClick={() => window.location.replace('/')}>
+        Voltar para a página inicial
+      </Button>
+    </div>
+  );
+}