wrap all instances of mantine hooks used in renderer

src/renderer/hooks/use-container-query.ts

@@ -1,4 +1,4 @@
-import { useElementSize } from '@mantine/hooks';
+import { useElementSize } from '/@/shared/hooks/use-element-size';
 
 interface UseContainerQueryProps {
     '2xl'?: number;

src/renderer/hooks/use-hide-scrollbar.ts

@@ -1,6 +1,7 @@
-import { useTimeout } from '@mantine/hooks';
 import { useEffect, useState } from 'react';
 
+import { useTimeout } from '/@/shared/hooks/use-timeout';
+
 export const useHideScrollbar = (timeout: number) => {
     const [hideScrollbar, setHideScrollbar] = useState(false);
     const { clear, start } = useTimeout(() => setHideScrollbar(true), timeout);