Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/shared/components/pagination/pagination.tsx

@@ -0,0 +1,24 @@
+import {
+    Pagination as MantinePagination,
+    PaginationProps as MantinePaginationProps,
+} from '@mantine/core';
+
+import styles from './pagination.module.css';
+
+interface PaginationProps extends MantinePaginationProps {}
+
+export const Pagination = ({ classNames, style, ...props }: PaginationProps) => {
+    return (
+        <MantinePagination
+            classNames={{
+                control: styles.control,
+                ...classNames,
+            }}
+            radius="xl"
+            style={{
+                ...style,
+            }}
+            {...props}
+        />
+    );
+};