Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/shared/components/paper/paper.tsx

@@ -0,0 +1,27 @@
+import type { PaperProps as MantinePaperProps } from '@mantine/core';
+
+import { Paper as MantinePaper } from '@mantine/core';
+import { ReactNode } from 'react';
+
+import styles from './paper.module.css';
+
+export interface PaperProps extends MantinePaperProps {
+    children?: ReactNode;
+}
+
+export const Paper = ({ children, classNames, style, ...props }: PaperProps) => {
+    return (
+        <MantinePaper
+            classNames={{
+                root: styles.root,
+                ...classNames,
+            }}
+            style={{
+                ...style,
+            }}
+            {...props}
+        >
+            {children}
+        </MantinePaper>
+    );
+};