Moduled Firegex, Merging pt1 (not finished and not working yet)

frontend/src/components/Footer/index.module.scss

@@ -2,7 +2,6 @@
 @use "../../index.scss" as *;
 
 .footer{
-    height: 150px;
     margin-top: 50px;
     background-color: $primary_color;
     @extend .center-flex;

frontend/src/components/Footer/index.tsx

@@ -1,12 +1,13 @@
+import { Footer } from '@mantine/core';
 import React from 'react';
 
 import style from "./index.module.scss";
 
 
-function Footer() {
-  return <div id="footer" className={style.footer}>
+function FooterPage() {
+  return <Footer id="footer" height={70} className={style.footer}>
         Made by Pwnzer0tt1
-  </div>
+  </Footer>
 }
 
-export default Footer;
+export default FooterPage;