setup maturity labels for translation

Author: JoeChenJ

src/components/Layer2NetworksTable/NetworkMaturityTooltip.tsx

@@ -61,7 +61,7 @@ const NetworkMaturityTooltip = ({ maturity }: { maturity: MaturityLevel }) => {
       }
     >
       <Tag variant="solid" {...maturityDescription[maturity].tag}>
-        {maturity.toUpperCase()}
+        {t(`page-layer-2-networks-${maturity}`)}
       </Tag>
     </Tooltip>
   )

src/components/Layer2NetworksTable/index.tsx

@@ -1,4 +1,5 @@
 import { useMemo, useState } from "react"
+import { useTranslation } from "next-i18next"
 
 import { ExtendedRollup, FilterOption, Lang } from "@/lib/types"
 
@@ -21,6 +22,7 @@ const Layer2NetworksTable = ({
 }) => {
   const networkFilterOptions = useNetworkFilters()
   const [filters, setFilters] = useState<FilterOption[]>(networkFilterOptions)
+  const { t } = useTranslation("page-layer-2-networks")
 
   const filteredData = useMemo(() => {
     const networks = [mainnetData, ...layer2Data]
@@ -72,7 +74,7 @@ const Layer2NetworksTable = ({
       noResultsComponent={() => (
         <NetworksNoResults resetFilters={resetFilters} />
       )}
-      mobileFiltersLabel={"See networks"}
+      mobileFiltersLabel={t("page-layer-2-networks-transaction-see-networks")}
     />
   )
 }

src/intl/en/page-layer-2-networks.json

@@ -61,5 +61,11 @@
     "page-layer-2-networks-market-share-description": "Total value locked in escrow contracts on Ethereum.",
     "page-layer-2-networks-avg-transaction-fee": "Avg. transaction fee",
     "page-layer-2-networks-transaction-fee": "Transaction fee",
-    "page-layer-2-networks-transaction-fee-description": "The average cost of transaction for transfers, swaps, minting and other activities."
+    "page-layer-2-networks-transaction-fee-description": "The average cost of transaction for transfers, swaps, minting and other activities.",
+    "page-layer-2-networks-transaction-see-networks": "See networks",
+    "page-layer-2-networks-n/a": "N/A",
+    "page-layer-2-networks-robust": "ROBUST",
+    "page-layer-2-networks-maturing": "MATURING",
+    "page-layer-2-networks-developing": "DEVELOPING",
+    "page-layer-2-networks-emerging": "EMERGING"
 }