Add footer component

components/Footer.tsx

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import styled from 'styled-components';
+
+const StyledFooter = styled.footer`
+	display: grid;
+	justify-content: flex-end;
+	align-content: center;
+	padding: 1rem 0rem;
+
+	p {
+		display: inline;
+		text-align: right;
+		font-weight: bold;
+	}
+`;
+
+const Footer: FC = () => {
+	return (
+		<StyledFooter>
+			<p>Hazem Krimi &copy; {new Date().getFullYear()}</p>
+		</StyledFooter>
+	);
+};
+
+export default Footer;

pages/_app.tsx

@@ -5,6 +5,7 @@ import DarkMode from '../components/DarkMode';
 import Container from '../components/Container';
 import GlobalStyles from '../components/GlobalStyles';
 import Theme from '../components/Theme';
+import Footer from '../components/Footer';
 
 const App = ({ Component, pageProps }: AppProps) => {
 	return (
@@ -23,6 +24,7 @@ const App = ({ Component, pageProps }: AppProps) => {
 					<Container>
 						<Nav />
 						<Component {...pageProps} />
+						<Footer />
 					</Container>
 				</Theme>
 			</DarkMode>