refactor: update useTranslation import

Author: Odile078

src/components/sections/communities/overview/Sidebar.tsx

@@ -1,7 +1,7 @@
 import { useSelector } from "@/hooks/useTypedSelector";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "next-i18next";
 
 /**
  * @interface SidebarProps

src/pages/communities/[slug]/index.tsx

@@ -11,7 +11,7 @@ import { fetchCurrentCommunity } from "@/store/services/community.service";
 import { fetchAllChallenges } from "@/store/services/communities/challenges";
 import { NotFoundError } from "@/utilities/errors/NotFoundError";
 import { fetchAllScoreboards } from "@/store/services/communities/scoreboard.service";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "next-i18next";
 
 export default function Slug(props: {
   pageProps: {