Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/renderer/components/virtual-table/headers/duration-header.tsx

@@ -1,11 +1,16 @@
 import type { IHeaderParams } from '@ag-grid-community/core';
 
-import { FiClock } from 'react-icons/fi';
+import { Icon } from '/@/shared/components/icon/icon';
 
 export interface ICustomHeaderParams extends IHeaderParams {
     menuIcon: string;
 }
 
 export const DurationHeader = () => {
-    return <FiClock size={15} />;
+    return (
+        <Icon
+            icon="duration"
+            size="sm"
+        />
+    );
 };