Merge branch 'dev' into fix/console-errors

Author: serapieTuyishime

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

@@ -27,7 +27,7 @@ export default function CommunitySection(): ReactElement {
             <p className="mt-2 text-xl tracking-tight md:text-.5xl leading-tight max-w-text-sm lg:hidden">{community?.summary}</p>
             <p className="hidden mt-4 tracking-tight text-lg xl:text-.5xl max-w-text-md font-extralight lg:block">{community?.summary}</p>
           </div>
-          <div className="self-end w-36 h-128 md:w-1/2 max-w-lg">
+          <div className="self-end w-36 md:h-82 lg:h-128 md:w-1/2 max-w-lg">
             {community?.icon && <Image src={`${community?.icon}`} alt={community?.name || ""} className="relative w-full h-full" width={300} height={300} />}
           </div>
         </div>

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();

tailwind.config.js

@@ -46,6 +46,7 @@ module.exports = {
         17: "4.5rem",
         44: "11rem",
         62: "15.5rem",
+        82: "20.5rem",
         96.5: "25.5rem",
         98: "28rem",
         128: "32rem",