Add 404 page (#118)

* Add 404 page

-Add 404 page
-Add 404 page styling
-Add translations needed for 404 page

fix #107

* Remove duplicate styles

pages/404/index.tsx

@@ -0,0 +1,27 @@
+// #region Global Imports
+import * as React from "react";
+import { NextPage } from "next";
+// #endregion Global Imports
+
+// #region Local Imports
+import { withTranslation } from "@Server/i18n";
+import { Container, TopText, ApodButton } from "@Styled/Home";
+import Link from "next/link";
+// #endregion Local Imports
+
+// #region Interface Imports
+import { IErrorPage } from "@Interfaces";
+// #endregion Interface Imports
+
+const Custom404: NextPage<IErrorPage.IProps> = ({ t }) => {
+    return (
+        <Container>
+            <TopText>{t("common:NotFound")}</TopText>
+            <Link href="/">
+                <ApodButton>{t("common:BackHome")}</ApodButton>
+            </Link>
+        </Container>
+    );
+};
+
+export default withTranslation("common")(Custom404);

public/static/locales/en/common.json

@@ -1,5 +1,7 @@
 {
   "Hello": "Hello",
   "World": "World",
-  "Error": "Errr!"
+  "Error": "Errr!",
+  "NotFound": "Page not found!",
+  "BackHome": "Back to home"
 }

src/Styled/Home.ts

@@ -78,6 +78,7 @@ export const ApodButton = styled.div`
     font-size: 25px;
     color: ${({ theme }) => theme.colors.primary};
     letter-spacing: 0;
+    cursor: pointer;
 `;
 
 export const TopText = styled.div`