Merge Feat/footer

front-js/src/app/page.tsx

@@ -11,6 +11,7 @@ import Title from "@/components/Title";
 import { useEffect, useState } from "react";
 import Cookies from "js-cookie";
 import axios from "@/axiosConfig";
+import Footer from "@/components/Footer";
 export default function Home() {
   const router = useRouter();
   const [hasAccessToken, setHasAccessToken] = useState(false);
@@ -125,6 +126,7 @@ export default function Home() {
           height={600}
         />
       </Space>
+      <Footer/>
     </Layout>
   );
 }

front-js/src/components/Footer/Footer.scss

@@ -0,0 +1,17 @@
+.footer{
+    width: 100%;
+    height: 150px;
+    flex-shrink: 0;
+    text-align: center;
+    background: linear-gradient(
+        rgba(253, 253, 150, 0),
+        rgba(253, 253, 150, 0.9)
+      );
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+}
+
+.footer-content {
+    margin-bottom: 10px;
+  }

front-js/src/components/Footer/Footer.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import React from "react";
+import "./Footer.scss";
+
+const Footer = () => {
+    return (
+      <footer className="footer">
+        <div className="footer-content">
+          <p>&copy; 2024 - SAE 5.01 - Barker Ouvrard Rubio Gravier Ouali</p>
+        </div>
+      </footer>
+    );
+  };
+
+  export default Footer;

front-js/src/components/Footer/index.ts

@@ -0,0 +1 @@
+export { default } from "./Footer";