migrate to mantine v9

src/renderer/features/sidebar/components/action-bar.tsx

@@ -18,12 +18,7 @@ export const ActionBar = () => {
 
     return (
         <div className={styles.container}>
-            <Grid
-                display="flex"
-                gutter="sm"
-                style={{ padding: '0 var(--theme-spacing-md)' }}
-                w="100%"
-            >
+            <Grid display="flex" gap="sm" style={{ padding: '0 var(--theme-spacing-md)' }} w="100%">
                 <Grid.Col span={7}>
                     <TextInput
                         leftSection={<Icon icon="search" />}

src/renderer/features/sidebar/components/sidebar-item.tsx

@@ -6,7 +6,7 @@ import styles from './sidebar-item.module.css';
 
 import { Button, ButtonProps } from '/@/shared/components/button/button';
 
-interface SidebarItemProps extends ButtonProps {
+interface SidebarItemProps extends Omit<ButtonProps, 'component' | 'ref'> {
     to: LinkProps['to'];
 }