fix: metadata string namespaces

fixes metadata description not rendering appropriately

Author: wackerow

src/pages/dapps.tsx

@@ -1333,7 +1333,7 @@ const DappsPage = () => {
     <Page>
       <PageMetadata
         title={t("common:decentralized-applications-dapps")}
-        description={t("common:page-dapps-desc")}
+        description={t("page-dapps-desc")}
         image="/doge-computer.png"
       />
       <PageHero content={heroContent} />

src/pages/quizzes.tsx

@@ -17,7 +17,6 @@ import QuizzesList from "@/components/Quiz/QuizzesList"
 import QuizzesModal from "@/components/Quiz/QuizzesModal"
 import QuizzesStats from "@/components/Quiz/QuizzesStats"
 import { useLocalQuizData } from "@/components/Quiz/useLocalQuizData"
-import Translation from "@/components/Translation"
 
 import { existsNamespace } from "@/lib/utils/existsNamespace"
 import { getLastDeployDate } from "@/lib/utils/getLastDeployDate"
@@ -56,7 +55,7 @@ export const getStaticProps = (async ({ locale }) => {
 const QuizzesHubPage: NextPage<
   InferGetStaticPropsType<typeof getStaticProps>
 > = () => {
-  const { t } = useTranslation()
+  const { t } = useTranslation("learn-quizzes")
 
   const [userStats, updateUserStats] = useLocalQuizData()
   const [quizStatus, setQuizStatus] = useState<QuizStatus>("neutral")
@@ -81,8 +80,8 @@ const QuizzesHubPage: NextPage<
       />
       <HubHero
         title={t("quizzes-title")}
-        description={t("learn-quizzes:quizzes-subtitle")}
-        header={t("learn-quizzes:test-your-knowledge")}
+        description={t("quizzes-subtitle")}
+        header={t("test-your-knowledge")}
         heroImg={HeroImage}
       />
       <QuizzesModal isOpen={isOpen} onClose={onClose} quizStatus={quizStatus}>
@@ -99,14 +98,14 @@ const QuizzesHubPage: NextPage<
             <Box>
               <QuizzesList
                 content={ethereumBasicsQuizzes}
-                headingId={t("learn-quizzes:basics")}
-                descriptionId={t("learn-quizzes:basics-description")}
+                headingId={t("basics")}
+                descriptionId={t("basics-description")}
                 {...commonQuizListProps}
               />
               <QuizzesList
                 content={usingEthereumQuizzes}
-                headingId={t("learn-quizzes:using-ethereum")}
-                descriptionId={t("learn-quizzes:using-ethereum-description")}
+                headingId={t("using-ethereum")}
+                descriptionId={t("using-ethereum-description")}
                 {...commonQuizListProps}
               />
             </Box>
@@ -121,11 +120,11 @@ const QuizzesHubPage: NextPage<
             >
               <Box>
                 <Text align={{ base: "center", xl: "left" }} fontWeight="bold">
-                  <Translation id="learn-quizzes:want-more-quizzes" />
+                  {t("want-more-quizzes")}
                 </Text>
 
                 <Text align={{ base: "center", xl: "left" }}>
-                  <Translation id="learn-quizzes:contribute" />
+                  {t("contribute")}
                 </Text>
               </Box>
               <ButtonLink
@@ -136,7 +135,7 @@ const QuizzesHubPage: NextPage<
               >
                 <Flex alignItems="center">
                   <Icon as={FaGithub} color="text" boxSize={6} me={2} />
-                  <Translation id="learn-quizzes:add-quiz" />
+                  {t("add-quiz")}
                 </Flex>
               </ButtonLink>
             </Flex>