feat: revise fixed button

app/projects/[slug]/page.jsx

@@ -98,12 +98,9 @@ function Page({ params }) {
 			</div>
 		);
 	}
-			const handleBack = () => {
-				window.history.back();
-			};
 	return (
 		<div className="relative min-h-screen w-full gap-4 p-10 flex justify-center items-center flex-col mb-10 ">
-			<FixedButon onClick={handleBack}>
+			<FixedButon href="/projects">
 				<FontAwesomeIcon
 					icon={faChevronLeft}
 					className="text-black pr-10"

app/projects/archive/page.jsx

@@ -105,13 +105,10 @@ const projects = [
 	},
 ];
 export default function Page () {
-		const handleBack = () => {
-			window.history.back();
-		};
   return (
 		<>
 			<main className="overflow-hidden">
-				<FixedButon onClick={handleBack}>
+				<FixedButon href="/projects">
 					<FontAwesomeIcon
 						icon={faChevronLeft}
 						className="text-black pr-10"

app/projects/page.jsx

@@ -29,18 +29,15 @@ export default function Page() {
 	useEffect(() => {
 		window.scrollTo(0, 0);
 	}, []);
-	const handleBack = () => {
-		window.location.href = "/";
-	};
 	return (
 		<>
 			<main className="overflow-hidden">
-				<FixedButon onClick={handleBack}>
-					<FontAwesomeIcon
-						icon={faChevronLeft}
-						className="text-black pr-10"
-					/>
-				</FixedButon>
+					<FixedButon href="/#projects">
+						<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 overflow-hidden">
 					<div className="z-0 mb-48 md:mb-0  md:absolute top-1/4  md:right-[10%] md:-translate-y-16 ">
 						<motion.div