Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/shared/components/group/group.tsx

@@ -0,0 +1,17 @@
+import { Group as MantineGroup, GroupProps as MantineGroupProps } from '@mantine/core';
+import { forwardRef } from 'react';
+
+export interface GroupProps extends MantineGroupProps {}
+
+export const Group = forwardRef<HTMLDivElement, GroupProps>(({ children, ...props }, ref) => {
+    return (
+        <MantineGroup
+            classNames={{ ...props.classNames }}
+            ref={ref}
+            style={{ ...props.style }}
+            {...props}
+        >
+            {children}
+        </MantineGroup>
+    );
+});