various improvements

src/features/core/components/header.tsx

@@ -1,12 +1,16 @@
 import { Title, AppShell, Flex } from "@mantine/core";
 import { HeaderConfig } from "../types/header-config";
+import useRouterConfig from "../hooks/use-router-config";
+import BackButton from "./back-button";
 
 interface HeaderProps extends HeaderConfig {}
 
 const Header = ({ collapsed, title }: HeaderProps) => {
+  const { header } = useRouterConfig();
 
   return (
     <AppShell.Header id='app-header' display={collapsed ? 'none' : 'block'}>
+      { header.withBackButton && <BackButton /> }
       <Flex justify='center' align='center' h='100%' px='md'>
         <Title order={2}>{title}</Title>
       </Flex>