[refactor] use-timeout: Memoize returned callbacks (#4914)

* [@mantine/hooks] use-timeout: Memoize returned callbacks

* [@mantine/hooks] use-timeout: remove delay from effect dependencies

* [@mantine/hooks] use-timeout: remove autoInvoke from effect dependencies

src/mantine-hooks/src/use-timeout/use-timeout.ts

@@ -1,4 +1,4 @@
-import { useRef, useEffect } from 'react';
+import { useRef, useEffect, useCallback } from 'react';
 
 export function useTimeout(
   callback: (...callbackParams: any[]) => void,
@@ -7,29 +7,32 @@ export function useTimeout(
 ) {
   const timeoutRef = useRef<number | null>(null);
 
-  const start = (...callbackParams: any[]) => {
-    if (!timeoutRef.current) {
-      timeoutRef.current = window.setTimeout(() => {
-        callback(callbackParams);
-        timeoutRef.current = null;
-      }, delay);
-    }
-  };
+  const start = useCallback(
+    (...callbackParams: any[]) => {
+      if (!timeoutRef.current) {
+        timeoutRef.current = window.setTimeout(() => {
+          callback(callbackParams);
+          timeoutRef.current = null;
+        }, delay);
+      }
+    },
+    [callback, delay]
+  );
 
-  const clear = () => {
+  const clear = useCallback(() => {
     if (timeoutRef.current) {
       window.clearTimeout(timeoutRef.current);
       timeoutRef.current = null;
     }
-  };
+  }, []);
 
   useEffect(() => {
     if (options.autoInvoke) {
       start();
     }
 
     return clear;
-  }, [delay]);
+  }, [clear, start]);
 
   return { start, clear };
 }