various improvements

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

@@ -2,7 +2,7 @@ import { Box } from "@mantine/core"
 import { ArrowLeftIcon } from "@phosphor-icons/react"
 import { useRouter } from "@tanstack/react-router"
 
-const BackButton = () => {
+const BackButton = ({ top=20, left=20 }: { top?: number, left?: number }) => {
   const router = useRouter()
 
   return (
@@ -10,8 +10,8 @@ const BackButton = () => {
       style={{ cursor: 'pointer', zIndex: 1000 }}
       onClick={() => router.history.back()}
       pos='absolute'
-      left={16}
-      top={0}
+      left={left}
+      top={top}
     >
       <ArrowLeftIcon weight='bold' size={20} />
     </Box>