Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/shared/components/grid/grid.tsx

@@ -0,0 +1,15 @@
+import { Grid as MantineGrid, GridProps as MantineGridProps } from '@mantine/core';
+
+export interface GridProps extends MantineGridProps {}
+
+export const Grid = ({ classNames, style, ...props }: GridProps) => {
+    return (
+        <MantineGrid
+            classNames={{ ...classNames }}
+            style={{ ...style }}
+            {...props}
+        />
+    );
+};
+
+Grid.Col = MantineGrid.Col;