Bump eslint-plugin-react-hooks from 5.2.0 to 7.0.1 (#253)

* Bump eslint-plugin-react-hooks from 5.2.0 to 7.0.1

Bumps [eslint-plugin-react-hooks](https://github.com/facebook/react/tree/HEAD/packages/eslint-plugin-react-hooks) from 5.2.0 to 7.0.1.
- [Release notes](https://github.com/facebook/react/releases)
- [Changelog](https://github.com/facebook/react/blob/main/packages/eslint-plugin-react-hooks/CHANGELOG.md)
- [Commits](https://github.com/facebook/react/commits/HEAD/packages/eslint-plugin-react-hooks)

---
updated-dependencies:
- dependency-name: eslint-plugin-react-hooks
  dependency-version: 7.0.1
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* remove unnecessary react effect caught by new linter

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Ann 杏 Kilzer <akilzer@gmail.com>

Author: dependabot[bot]

package-lock.json

@@ -55,7 +55,7 @@
         "all-contributors-cli": "6.26.1",
         "eslint": "9.37.0",
         "eslint-plugin-react": "7.37.5",
-        "eslint-plugin-react-hooks": "5.2.0",
+        "eslint-plugin-react-hooks": "7.0.1",
         "eslint-plugin-react-refresh": "0.4.6",
         "globals": "^16.4.0",
         "husky": "9.1.7",

package.json

@@ -1,4 +1,4 @@
-import { FC, useEffect, useState } from 'react'
+import { FC } from 'react'
 import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import CardMedia from '@mui/material/CardMedia'
@@ -12,20 +12,10 @@ interface TeamMemberCardProps {
 }
 
 const TeamMemberCard: FC<TeamMemberCardProps> = ({ member }) => {
-    const [name, setName] = useState(member.nameEN)
-    const [title, setTitle] = useState(member.titleEN)
-
     const i18n = getI18n()
 
-    useEffect(() => {
-        if (i18n.language === 'en') {
-            setName(member.nameEN)
-            setTitle(member.titleEN)
-        } else if (i18n.language === 'ja') {
-            setName(member.nameJA || member.nameEN)
-            setTitle(member.titleJA || member.titleEN)
-        }
-    }, [member, i18n.language])
+    const name = i18n.language === 'ja' ? (member.nameJA || member.nameEN) : member.nameEN
+    const title = i18n.language === 'ja' ? (member.titleJA || member.titleEN) : member.titleEN
 
     return <OptionalLinkWrapper url={member.url}>
         <Card sx={{ height: 450, width: 300 }} aria-label="team-member-card">