[feat] add back button

app/about/layout.jsx

@@ -1,4 +1,3 @@
-// generate layour with footer
 import Footer from "@/components/Footer";
 
 export const metadata = {
@@ -7,9 +6,8 @@ export const metadata = {
 export default function Layout({ children }) {
   return (
     <>
-
       {children}
       <Footer />
     </>
   );
-}
+}

app/about/page.jsx

@@ -4,6 +4,11 @@ import Link from "next/link";
 import { motion } from "framer-motion";
 import Button from "@/components/Button";
 import Image from "next/legacy/image";
+import FixedButon from "@/components/FixedButton";
+
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
+
 
 // images
 import Me1 from "@/public/img/me1.jpg";
@@ -15,9 +20,19 @@ export default function Page() {
 		window.scrollTo(0, 0);
 	}, []);
 
+	
+	const handleBack = () => {
+		window.history.back();
+	};
 	return (
 		<>
 			<main className="overflow-hidden">
+				<FixedButon onClick={handleBack}>
+					<FontAwesomeIcon
+						icon={faChevronLeft}
+						className="text-black pr-10"
+					/>
+				</FixedButon>
 				<div className="relative h-screen w-screen  gap-4 p-10 flex justify-center items-center flex-col mb-10">
 					<div className="z-0 mb-48 md:mb-0  md:absolute top-1/4  md:right-[10%] md:-translate-y-16 ">
 						<motion.div