back-button.tsx

"use client";

import { useRouter } from "next/navigation";
import { Icons } from "./icons";
import { Button } from "./ui/button";

export const BackButton = () => {
    const router = useRouter();

    return (
        <Button
            variant="ghost"
            size="icon"
            onClick={() => router.back()}
            title="Go Back"
        >
            <Icons.chevronLeft />
        </Button>
    );
};