Add onClose prop to BackArrow in work detail page

Author: driekwartsbroek

src/app/work/[id]/page.tsx

@@ -10,6 +10,10 @@ import BackArrow from "@/components/BackArrow";
 export default function WorkDetail({ params }: { params: { id: string } }) {
   const router = useRouter();
 
+  const handleClose = () => {
+    router.back();
+  };
+
   useEffect(() => {
     // Fetch work details using params.id
     // Update state with fetched data
@@ -28,7 +32,7 @@ export default function WorkDetail({ params }: { params: { id: string } }) {
       className="min-h-screen bg-background dark:bg-background-dark p-10 sm:p-12 md:p-16 flex flex-col relative pt-32"
     >
       <div className="flex items-center mb-4">
-        <BackArrow />
+        <BackArrow onClose={handleClose} />
         <div className="ml-8">
           <Breadcrumbs />
         </div>