replace react-i18next with next-i18next to fix hydration issues

Author: pettinarip

src/components/EventCard.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { useRouter } from "next/router"
-import { useTranslation } from "react-i18next"
+import { useTranslation } from "next-i18next"
 import { BsCalendar3 } from "react-icons/bs"
 import { Box, Flex, Heading, Icon } from "@chakra-ui/react"
 import { Image } from "@chakra-ui/react"

src/components/LanguagePicker/index.tsx

@@ -1,5 +1,5 @@
 import { useRouter } from "next/router"
-import { useTranslation } from "react-i18next"
+import { useTranslation } from "next-i18next"
 
 import { BaseLink } from "@/components/Link"
 

src/components/Search/SearchButton.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import { useTranslation } from "react-i18next"
+import { useTranslation } from "next-i18next"
 import { DocSearchButton } from "@docsearch/react"
 
 import { Button, type ButtonProps } from "../ui/buttons/Button"