feat: created back button, added to breadcrumb

src/components/NavigateBackButton.tsx

@@ -0,0 +1,20 @@
+'use client'
+
+import { ArrowUturnLeftIcon } from '@heroicons/react/20/solid'
+import { Button } from './ui/button'
+
+const NaviagteBackButton = () => {
+  const handleClick = () => {
+    window.history.back()
+  }
+  return (
+    <Button
+      className="cursor-pointer text-muted-foreground hover:text-foreground bg-transparent hover:bg-muted-foreground/10 border border-muted-foreground/10"
+      onClick={handleClick}
+    >
+      <ArrowUturnLeftIcon className="size-6" />
+    </Button>
+  )
+}
+
+export default NaviagteBackButton

src/components/PageBreadCrumb.tsx

@@ -15,6 +15,7 @@ import {
   DropdownMenuTrigger,
 } from './ui/dropdown-menu'
 import { Fragment } from 'react'
+import NaviagteBackButton from './NavigateBackButton'
 
 export type Route = {
   href: string
@@ -49,8 +50,12 @@ export function PageBreadCrumb(props: Props) {
   const { routes } = props
   const groups = groupBreadCrumbHistory(routes)
   return (
+    <div className="">
       <Breadcrumb>
         <BreadcrumbList>
+          <BreadcrumbItem>
+            <NaviagteBackButton />
+          </BreadcrumbItem>
           <BreadcrumbItem>
             <BreadcrumbLink href={groups.root.href}>{groups.root.label}</BreadcrumbLink>
           </BreadcrumbItem>
@@ -94,5 +99,6 @@ export function PageBreadCrumb(props: Props) {
           })}
         </BreadcrumbList>
       </Breadcrumb>
+    </div>
   )
 }