Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/renderer/components/virtual-table/cells/actions-cell.tsx

@@ -1,24 +1,21 @@
 import type { ICellRendererParams } from '@ag-grid-community/core';
 
-import { RiMoreFill } from 'react-icons/ri';
-
-import { Button } from '/@/renderer/components/button';
 import { CellContainer } from '/@/renderer/components/virtual-table/cells/generic-cell';
+import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
 
 export const ActionsCell = ({ api, context }: ICellRendererParams) => {
     return (
-        <CellContainer $position="center">
-            <Button
-                compact
+        <CellContainer position="center">
+            <ActionIcon
+                icon="ellipsisHorizontal"
                 onClick={(e) => {
                     e.stopPropagation();
                     e.preventDefault();
                     context.onCellContextMenu(undefined, api, e);
                 }}
+                size="sm"
                 variant="subtle"
-            >
-                <RiMoreFill />
-            </Button>
+            />
         </CellContainer>
     );
 };