update translation imports

Author: JoeChenJ

src/components/Layer2NetworksTable/NetworkMaturityTooltip.tsx

@@ -1,10 +1,10 @@
-import { useTranslation } from "next-i18next"
-
 import { MaturityLevel } from "@/lib/types"
 
 import Tooltip from "@/components/Tooltip"
 import { Tag } from "@/components/ui/tag"
 
+import useTranslation from "@/hooks/useTranslation"
+
 const NetworkMaturityTooltip = ({ maturity }: { maturity: MaturityLevel }) => {
   const { t } = useTranslation("page-layer-2-networks")
 

src/components/Layer2NetworksTable/NetworksNoResults.tsx

@@ -1,9 +1,9 @@
-import { useTranslation } from "next-i18next"
-
 import { trackCustomEvent } from "@/lib/utils/matomo"
 
 import { Button } from "../ui/buttons/Button"
 
+import useTranslation from "@/hooks/useTranslation"
+
 const FindWalletsNoResults = ({ resetFilters }) => {
   const { t } = useTranslation("page-layer-2-networks")
 

src/components/Layer2NetworksTable/NetworksSubComponent.tsx

@@ -1,4 +1,3 @@
-import { useTranslation } from "next-i18next"
 import { MdInfoOutline } from "react-icons/md"
 
 import NetworkUsageChart from "@/components/Layer2NetworksTable/NetworkUsageChart"
@@ -7,6 +6,8 @@ import Tooltip from "@/components/Tooltip"
 import { ButtonLink } from "../ui/buttons/Button"
 import InlineLink from "../ui/Link"
 
+import useTranslation from "@/hooks/useTranslation"
+
 const formatNumber = (num: number): string => {
   if (num >= 1e9) {
     return (num / 1e9).toFixed(2) + "B"

src/components/Layer2NetworksTable/NetworksWalletSelectInput.tsx

@@ -1,5 +1,4 @@
 import { useState } from "react"
-import { useTranslation } from "next-i18next"
 
 import { FilterInputState } from "@/lib/types"
 
@@ -14,6 +13,8 @@ import {
 
 import { walletsData } from "@/data/wallets/wallet-data"
 
+import useTranslation from "@/hooks/useTranslation"
+
 interface NetworksWalletSelectInputProps {
   filterIndex: number
   itemIndex: number

src/components/Layer2NetworksTable/hooks/useNetworkFilters.tsx

@@ -1,5 +1,3 @@
-import { useTranslation } from "next-i18next"
-
 import { FilterOption } from "@/lib/types"
 
 import {
@@ -13,6 +11,8 @@ import SwitchFilterInput from "@/components/ProductTable/FilterInputs/SwitchFilt
 
 import { trackCustomEvent } from "@/lib/utils/matomo"
 
+import useTranslation from "@/hooks/useTranslation"
+
 export const useNetworkFilters = (): FilterOption[] => {
   const { t } = useTranslation("page-layer-2-networks")
 

src/components/Layer2NetworksTable/index.tsx

@@ -1,5 +1,4 @@
 import { useMemo, useState } from "react"
-import { useTranslation } from "next-i18next"
 
 import { ExtendedRollup, FilterOption, Lang } from "@/lib/types"
 
@@ -11,6 +10,8 @@ import ProductTable from "@/components/ProductTable"
 
 import { trackCustomEvent } from "@/lib/utils/matomo"
 
+import useTranslation from "@/hooks/useTranslation"
+
 const Layer2NetworksTable = ({
   layer2Data,
   locale,