Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/shared/components/box/box.tsx

@@ -0,0 +1,7 @@
+import { ElementProps, Box as MantineBox, BoxProps as MantineBoxProps } from '@mantine/core';
+
+export interface BoxProps extends ElementProps<'div', keyof MantineBoxProps>, MantineBoxProps {}
+
+export const Box = ({ children, ...props }: BoxProps) => {
+    return <MantineBox {...props}>{children}</MantineBox>;
+};