Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/shared/components/stack/stack.tsx

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