Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

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

@@ -0,0 +1,26 @@
+import { useTranslation } from 'react-i18next';
+
+import { ActionIcon, ActionIconProps } from '/@/shared/components/action-icon/action-icon';
+
+interface RefreshButtonProps extends ActionIconProps {}
+
+export const RefreshButton = ({ onClick, ...props }: RefreshButtonProps) => {
+    const { t } = useTranslation();
+
+    return (
+        <ActionIcon
+            icon="refresh"
+            iconProps={{
+                size: 'lg',
+                ...props.iconProps,
+            }}
+            onClick={onClick}
+            tooltip={{
+                label: t('common.refresh', { postProcess: 'sentenceCase' }),
+                ...props.tooltip,
+            }}
+            variant="subtle"
+            {...props}
+        />
+    );
+};