MERN Stack: React useAsync & useDebounce Hook with AbortController Cancellation

### Problem Overview In MERN stack single-page applications, handling asynchronous API requests inside React components often causes memory leaks and race conditions when fast user interactions trigger overlapping requests. You must build an Async Operation Hook Engine that manages async lifecycle states while providing automatic request cancellation via AbortController. ### Functional Requirements 1. **`execute(asyncFn: (signal: AbortSignal) => Promise<T>): Promise<T | null>`**: - Triggers the async operation, transitions state to `loading: true, error: null`. - Passes an active `AbortSignal` to the callback. - If a previous operation is pending, automatically calls `abort()` on the previous controller. 2. **State Representation**: - `data: T | null`, `error: Error | null`, `isLoading: boolean`, `isSuccess: boolean`, `isError: boolean`. 3. **`cancel(): void`**: - Manually aborts the current execution and resets loading state. 4. **`reset(): void`**: - Resets state back to initial idle state.