Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/renderer/features/shared/components/more-button.tsx

@@ -0,0 +1,17 @@
+import { ActionIcon, ActionIconProps } from '/@/shared/components/action-icon/action-icon';
+
+interface MoreButtonProps extends ActionIconProps {}
+
+export const MoreButton = ({ ...props }: MoreButtonProps) => {
+    return (
+        <ActionIcon
+            icon="ellipsisHorizontal"
+            iconProps={{
+                size: 'lg',
+                ...props.iconProps,
+            }}
+            variant="subtle"
+            {...props}
+        />
+    );
+};