React Review Audit

Fix the following React Review diagnostics in my codebase.

## Errors (1)

1. [error] no-nested-component-definition — src/components/CardProduct/CardProduct.jsx:14
   Component "HandleNavigate" defined inside "CardProduct" — creates new instance every render, destroying state

## Warnings (13)

2. [warning] anchor-is-valid — src/components/Footer/Footer.jsx:67
   Use of incorrect `href` for the 'a' element.

3. [warning] anchor-is-valid — src/components/Footer/Footer.jsx:68
   Use of incorrect `href` for the 'a' element.

4. [warning] no-array-index-as-key — src/components/Footer/Footer.jsx:49
   Array index "index" used as key — causes bugs when list is reordered or filtered

5. [warning] no-array-index-as-key — src/components/Footer/Footer.jsx:60
   Array index "index" used as key — causes bugs when list is reordered or filtered

6. [warning] no-react19-deprecated-apis — src/Pages/ProfilePage/ProfilePage.jsx:1
   useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`

7. [warning] no-react19-deprecated-apis — src/Pages/Login/Login.jsx:1
   useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`

8. [warning] design-no-vague-button-label — src/Pages/Login/Login.jsx:84
   Vague button label "Submit" — name the action ("Save changes", "Send invite", "Delete account") so screen readers and hesitant users know what happens

9. [warning] no-react19-deprecated-apis — src/Pages/Home/Home.jsx:1
   useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`

10. [warning] click-events-have-key-events — src/components/Header/Header.jsx:56
   Enforce a clickable non-interactive element has at least one keyboard event listener.

11. [warning] no-react19-deprecated-apis — src/components/Header/Header.jsx:9
   useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`

12. [warning] click-events-have-key-events — src/components/Menu/Menu.jsx:7
   Enforce a clickable non-interactive element has at least one keyboard event listener.

13. [warning] no-static-element-interactions — src/components/Menu/Menu.jsx:7
   Static HTML elements with event handlers require a role.

14. [warning] no-react19-deprecated-apis — src/App.js:7
   useContext is superseded by `use()` on React 19+ — `use()` reads context conditionally inside hooks, branches, and loops; switch to `import { use } from 'react'`