style upgrades

src/features/core/components/back-button.tsx

@@ -1,4 +1,4 @@
-import { Box } from "@mantine/core"
+import { UnstyledButton } from "@mantine/core"
 import { ArrowLeftIcon } from "@phosphor-icons/react"
 import { useRouter } from "@tanstack/react-router"
 
@@ -6,15 +6,16 @@ const BackButton = ({ top=20, left=20 }: { top?: number, left?: number }) => {
   const router = useRouter()
 
   return (
-    <Box
-      style={{ cursor: 'pointer', zIndex: 1000 }}
+    <UnstyledButton
+      aria-label='Go back'
+      style={{ cursor: 'pointer', zIndex: 1000, display: 'flex' }}
       onClick={() => router.history.back()}
       pos='absolute'
       left={left}
       top={top}
     >
       <ArrowLeftIcon weight='bold' size={20} />
-    </Box>
+    </UnstyledButton>
   );
 }