**Changes to TypesContextProvider:**
1. **Added TypeScript Type Annotations:**
- Added TypeScript types for props and state to improve type safety and maintainability.
2. **Improved History Management:**
- Ensured that changes are properly handled with undo and redo stacks and consistent state updates.
3. **Updated Add and Delete Methods:**
- Improved addType and deleteType methods to correctly manage history and ensure consistent state updates.
4. **Adjusted State Management:**
- Ensured state updates are correctly handled and unnecessary operations are minimized.
**Changes to useFullscreen Hook:**
1. **Replaced useEventListener with Native DOM API:**
- Switched from `useEventListener` to `document.addEventListener` for clearer control over event listener lifecycle and to avoid potential issues with third-party hooks.
2. **Utilized useEffect for Cleanup:**
- Moved event listener management into `useEffect` for proper attachment and cleanup, preventing potential memory leaks and ensuring efficient event handling.
3. **Improved State Initialization:**
- Used a function for initializing state to ensure it is computed only once, improving performance.
**Why These Changes:**
- **Type Safety and Clarity:** Adding TypeScript annotations and improving state management helps in catching potential issues early and makes the code more predictable and easier to maintain.
- **Event Listener Management:** Using native DOM methods and `useEffect` ensures that event listeners are properly managed and cleaned up, reducing the risk of memory leaks and improving performance.
- **State Initialization:** Efficient state initialization improves performance and ensures that the initial state is set correctly.
These changes improve the robustness, maintainability, and performance of the `TypesContext` and `useFullscreen` components.
- Added `AreasContext` export and created `useAreasContext` custom hook for safer and easier context access.
- Integrated `PropTypes` to validate `children` prop in `AreasContextProvider` component.
- Refactored `addArea` function by breaking it into `addExistingArea` and `addNewArea` for improved readability and maintainability.
- Added error handling in `deleteArea` function to prevent operations with invalid IDs.
- Extracted logic to clear selected element into a separate function for better separation of concerns.
- Ensured proper default export for `AreasContextProvider` to facilitate correct imports.
These changes improve code robustness, readability, and type safety in the JavaScript environment.
