fix: refresh challenge and submission page after locale change

Author: serapieTuyishime

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

@@ -70,8 +70,8 @@ export default function ChallengePage() {
   const title = useMemo(() => getMetadataTitle(t("communities.challenge.title"), challenge?.name || ""), [challenge?.name, t]);
 
   const navigation = useNavigation();
-  const router = useRouter();
-  const { challenge_id, slug, locale } = router.query;
+  const { query, locale } = useRouter();
+  const { challenge_id, slug } = query;
 
   const initPage = useCallback(async () => {
     const fetchPayload = {
@@ -88,7 +88,7 @@ export default function ChallengePage() {
     setChallenge(challenge);
     dispatch(initChallengeNavigationMenu(navigation.community));
     setLoading(false);
-  }, [challenge_id, slug]);
+  }, [challenge_id, slug, locale]);
 
   useEffect(() => {
     initPage();

src/pages/communities/[slug]/challenges/[challenge_id]/submissions/[submission_id].tsx

@@ -23,8 +23,8 @@ export default function SubmissionPage() {
   const dispatch = useDispatch();
   const { t } = useTranslation();
   const navigation = useNavigation();
-  const router = useRouter();
-  const { slug, locale, submission_id, challenge_id } = router.query;
+  const { query, locale } = useRouter();
+  const { slug, submission_id, challenge_id } = query;
   const [loading, setLoading] = useState(true);
   const { current } = useSelector((state) => state.submissions);
 
@@ -41,7 +41,7 @@ export default function SubmissionPage() {
     ]);
     dispatch(initChallengeNavigationMenu(navigation.community));
     setLoading(false);
-  }, [slug, submission_id]);
+  }, [slug, submission_id, locale]);
 
   useEffect(() => {
     initPage();