Develop

[ShaneIsrael]

This pull request updates several dependencies in the client application to address security, compatibility, and feature improvements. It also modernizes the Axios request cancellation approach and enhances the image feed sorting behavior in the UI.

Dependency Updates:

• Upgraded several key dependencies in package.json and package-lock.json, including axios (from 0.27.2 to 1.17.0), lodash/lodash-es (from 4.17.x to 4.18.1), react-router and react-router-dom (from 6.30.1 to 6.30.4), and others. These upgrades improve security, performance, and compatibility. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13]

• Added new dependencies required by updated packages, such as agent-base, https-proxy-agent, and proxy-from-env. [1] [2] [3]

Axios Request Cancellation Modernization:

• Replaced deprecated axios.CancelToken with the modern AbortController API for request cancellation, updating both the controller and how the signal is attached to requests.

Image Feed Sorting and Randomization Improvements:

• Added a sortKey state to the ImageFeed component and updated the key for the ImageCards component to include both randomizeKey and sortKey. This ensures the image cards properly re-render when sorting or randomizing, preventing stale UI. [1] [2]

• Enhanced the handleSortChange function to increment sortKey and scroll to the top of the page when sorting changes, improving user experience.