update translation functions

Author: pettinarip

src/components/Leaderboard.tsx

@@ -10,12 +10,11 @@ import {
   List,
   ListItem,
 } from "@chakra-ui/react"
+import { useTranslation } from "gatsby-plugin-react-i18next"
+
 import Emoji from "./Emoji"
 import Link from "./Link"
-
 import Translation from "./Translation"
-import { translateMessageId } from "../utils/translations"
-import { useIntl } from "react-intl"
 
 const githubUrl = `https://github.com/`
 
@@ -44,18 +43,15 @@ const Leaderboard: React.FC<IProps> = ({ content, limit = 100 }) => {
     }
   )
 
-  const intl = useIntl()
+  const { t } = useTranslation()
 
   return (
     <List
       bgColor="background"
       boxShadow={colorModeStyles.listBoxShadow}
       w="100%"
       mb={8}
-      aria-label={translateMessageId(
-        "page-upgrades-bug-bounty-leaderboard-list",
-        intl
-      )}
+      aria-label={t("page-upgrades-bug-bounty-leaderboard-list")}
     >
       {content
         .filter((_, idx) => idx < limit)