Re-apply safe fixes

app/ThemeScript.tsx

@@ -10,6 +10,7 @@ const ThemeScript = () => {
     })()
   `;
 
+  // biome-ignore lint/security/noDangerouslySetInnerHtml: the theme script only works with dangerouslySetInnerHTML
   return <script dangerouslySetInnerHTML={{ __html: themeScript }} />;
 };
 

app/[locale]/[...rest]/page.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import { notFound } from 'next/navigation';
 
 const CatchAllPage: NextPage = () => {

app/[locale]/address/[addressOrName]/layout.tsx

@@ -5,7 +5,7 @@ import NextIntlClientProvider from 'lib/i18n/NextIntlClientProvider';
 import { getAddressAndDomainName } from 'lib/utils/whois';
 import { getMessages, unstable_setRequestLocale } from 'next-intl/server';
 import { notFound } from 'next/navigation';
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 interface Props {
   children: ReactNode;

app/[locale]/blog/[...slug]/layout.tsx

@@ -4,11 +4,11 @@ import PageNavigation from 'components/common/PageNavigation';
 import Prose from 'components/common/Prose';
 import TranslateButton from 'components/common/TranslateButton';
 import ArticleMeta from 'components/learn/ArticleMeta';
-import { BreadcrumbEntry } from 'lib/interfaces';
+import type { BreadcrumbEntry } from 'lib/interfaces';
 import { getSidebar, getTranslationUrl, readAndParseContentFile } from 'lib/utils/markdown-content';
 import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
 import Image from 'next/image';
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 interface Props {
   params: {

app/[locale]/blog/[...slug]/page.tsx

@@ -1,7 +1,7 @@
 import MarkdownProse from 'components/common/MarkdownProse';
 import { locales } from 'lib/i18n/config';
 import { getAllContentSlugs, readAndParseContentFile } from 'lib/utils/markdown-content';
-import { Metadata, NextPage } from 'next';
+import type { Metadata, NextPage } from 'next';
 import { unstable_setRequestLocale } from 'next-intl/server';
 
 interface Props {

app/[locale]/blog/layout.tsx

@@ -1,6 +1,6 @@
 import SharedLayout from 'app/layouts/SharedLayout';
 import { unstable_setRequestLocale } from 'next-intl/server';
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 interface Props {
   children: ReactNode;

app/[locale]/blog/page.tsx

@@ -1,7 +1,7 @@
 import ArticleCard from 'components/learn/ArticleCard';
 import { getSidebar } from 'lib/utils/markdown-content';
 import { getOpenGraphImageUrl } from 'lib/utils/og';
-import { Metadata, NextPage } from 'next';
+import type { Metadata, NextPage } from 'next';
 import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
 
 interface Props {

app/[locale]/disclaimer/page.tsx

@@ -1,7 +1,7 @@
 import ContentPageLayout from 'app/layouts/ContentPageLayout';
 import MarkdownProse from 'components/common/MarkdownProse';
 import { readAndParseContentFile } from 'lib/utils/markdown-content';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import { unstable_setRequestLocale } from 'next-intl/server';
 
 interface Props {

app/[locale]/exploits/[slug]/ExploitChecker.tsx

@@ -3,9 +3,9 @@
 import AddressForm from 'components/exploits/AddressForm';
 import ExploitChecker from 'components/exploits/ExploitChecker';
 import { AddressPageContextProvider } from 'lib/hooks/page-context/AddressPageContext';
-import { Exploit, getUniqueChainIds } from 'lib/utils/exploits';
+import { type Exploit, getUniqueChainIds } from 'lib/utils/exploits';
 import { Suspense, useMemo, useState } from 'react';
-import { Address } from 'viem';
+import type { Address } from 'viem';
 
 interface Props {
   exploit: Exploit;

app/[locale]/exploits/[slug]/page.tsx

@@ -9,7 +9,7 @@ import NextIntlClientProvider from 'lib/i18n/NextIntlClientProvider';
 import { locales } from 'lib/i18n/config';
 import { formatExploitAmount, getAllExploits } from 'lib/utils/exploits';
 import { getOpenGraphImageUrl } from 'lib/utils/og';
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
 import { getMessages, getTranslations, unstable_setRequestLocale } from 'next-intl/server';
 import ExploitCheckerWrapper from './ExploitChecker';
 

app/[locale]/exploits/page.tsx

@@ -5,7 +5,7 @@ import ExploitCard from 'components/exploits/ExploitCard';
 import ReportExploitButton from 'components/exploits/ReportExploitButton';
 import { getAllExploits, getGlobalExploitStats } from 'lib/utils/exploits';
 import { getOpenGraphImageUrl } from 'lib/utils/og';
-import { Metadata, NextPage } from 'next';
+import type { Metadata, NextPage } from 'next';
 import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
 
 interface Props {

app/[locale]/layout.tsx

@@ -10,7 +10,7 @@ import { EthereumProvider } from 'lib/hooks/ethereum/EthereumProvider';
 import { ColorThemeProvider } from 'lib/hooks/useColorTheme';
 import NextIntlClientProvider from 'lib/i18n/NextIntlClientProvider';
 import { locales } from 'lib/i18n/config';
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
 import { useMessages } from 'next-intl';
 import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
 import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';

app/[locale]/learn/[...slug]/page.tsx

@@ -2,7 +2,7 @@ import LearnLayout from 'app/layouts/LearnLayout';
 import MarkdownProse from 'components/common/MarkdownProse';
 import { locales } from 'lib/i18n/config';
 import { getAllContentSlugs, getSidebar, getTranslationUrl, readAndParseContentFile } from 'lib/utils/markdown-content';
-import { Metadata, NextPage } from 'next';
+import type { Metadata, NextPage } from 'next';
 import { unstable_setRequestLocale } from 'next-intl/server';
 
 interface Props {

app/[locale]/learn/[category]/page.tsx

@@ -5,7 +5,7 @@ import ArticleCardSection from 'components/learn/ArticleCardSection';
 import { locales } from 'lib/i18n/config';
 import { getAllLearnCategories, getSidebar } from 'lib/utils/markdown-content';
 import { getOpenGraphImageUrl } from 'lib/utils/og';
-import { Metadata, NextPage } from 'next';
+import type { Metadata, NextPage } from 'next';
 import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
 
 interface Props {

app/[locale]/learn/page.tsx

@@ -4,7 +4,7 @@ import Prose from 'components/common/Prose';
 import ArticleCardSection from 'components/learn/ArticleCardSection';
 import { getSidebar } from 'lib/utils/markdown-content';
 import { getOpenGraphImageUrl } from 'lib/utils/og';
-import { Metadata, NextPage } from 'next';
+import type { Metadata, NextPage } from 'next';
 import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
 
 interface Props {

app/[locale]/learn/wallets/add-network/[slug]/AddNetworkButton.tsx

@@ -4,7 +4,7 @@ import Button from 'components/common/Button';
 import ConnectButton from 'components/header/ConnectButton';
 import { useSwitchChain } from 'lib/hooks/ethereum/useSwitchChain';
 import { useMounted } from 'lib/hooks/useMounted';
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { useAccount } from 'wagmi';
 
 interface Props {

app/[locale]/learn/wallets/add-network/[slug]/page.tsx

@@ -6,7 +6,7 @@ import { locales } from 'lib/i18n/config';
 import { SUPPORTED_CHAINS, getChainIdFromSlug, getChainName, getChainSlug } from 'lib/utils/chains';
 import { getSidebar } from 'lib/utils/markdown-content';
 import { getOpenGraphImageUrl } from 'lib/utils/og';
-import { Metadata, NextPage } from 'next';
+import type { Metadata, NextPage } from 'next';
 import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
 import Image from 'next/image';
 import AddNetworkChainSelect from './AddNetworkChainSelect';

app/[locale]/not-found.tsx

@@ -2,7 +2,7 @@ import { GlobeEuropeAfricaIcon, QuestionMarkCircleIcon } from '@heroicons/react/
 import ContentPageLayout from 'app/layouts/ContentPageLayout';
 import Href from 'components/common/Href';
 import NotFoundLink from 'components/common/NotFoundLink';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import { useTranslations } from 'next-intl';
 import NotFoundLinkMyApprovals from './NotFoundLinkMyApprovals';
 

app/[locale]/privacy-policy/page.tsx

@@ -1,7 +1,7 @@
 import ContentPageLayout from 'app/layouts/ContentPageLayout';
 import MarkdownProse from 'components/common/MarkdownProse';
 import { readAndParseContentFile } from 'lib/utils/markdown-content';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import { unstable_setRequestLocale } from 'next-intl/server';
 
 interface Props {

app/[locale]/terms/page.tsx

@@ -1,7 +1,7 @@
 import ContentPageLayout from 'app/layouts/ContentPageLayout';
 import MarkdownProse from 'components/common/MarkdownProse';
 import { readAndParseContentFile } from 'lib/utils/markdown-content';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import { unstable_setRequestLocale } from 'next-intl/server';
 
 interface Props {

app/[locale]/token-approval-checker/[slug]/TokenApprovalCheckerSearchBox.tsx

@@ -2,7 +2,7 @@
 
 import AddressSearchBox from 'components/common/AddressSearchBox';
 import { useRouter } from 'lib/i18n/navigation';
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import { useState } from 'react';
 
 interface Props {

app/[locale]/token-approval-checker/[slug]/page.tsx

@@ -5,7 +5,7 @@ import Prose from 'components/common/Prose';
 import { locales } from 'lib/i18n/config';
 import { SUPPORTED_CHAINS, getChainIdFromSlug, getChainName, getChainSlug } from 'lib/utils/chains';
 import { getOpenGraphImageUrl } from 'lib/utils/og';
-import { Metadata, NextPage } from 'next';
+import type { Metadata, NextPage } from 'next';
 import { useTranslations } from 'next-intl';
 import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
 import TokenApprovalCheckerChainSelect from './TokenApprovalCheckerChainSelect';

app/api/[chainId]/merchandise/generate-code/route.tsx

@@ -1,7 +1,7 @@
 import { neon } from '@neondatabase/serverless';
 import { checkActiveSessionEdge, checkRateLimitAllowedEdge, RateLimiters } from 'lib/api/auth';
 import { createViemPublicClientForChain, getChainName } from 'lib/utils/chains';
-import { NextRequest } from 'next/server';
+import type { NextRequest } from 'next/server';
 import { getAddress } from 'viem';
 
 interface Props {

app/layout.tsx

@@ -1,4 +1,4 @@
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
 import { getTranslations } from 'next-intl/server';
 
 export const generateMetadata = async (): Promise<Metadata> => {

app/layouts/LearnLayout.tsx

@@ -6,7 +6,7 @@ import TranslateButton from 'components/common/TranslateButton';
 import ArticleMeta from 'components/learn/ArticleMeta';
 import Sidebar from 'components/learn/Sidebar';
 import NextIntlClientProvider from 'lib/i18n/NextIntlClientProvider';
-import { BreadcrumbEntry, ContentMeta, ISidebarEntry } from 'lib/interfaces';
+import type { BreadcrumbEntry, ContentMeta, ISidebarEntry } from 'lib/interfaces';
 import { useMessages, useTranslations } from 'next-intl';
 import Image from 'next/image';
 import SharedLayout from './SharedLayout';

components/allowances/controls/ControlsSection.tsx

@@ -1,5 +1,5 @@
 import RevokeButton from 'components/allowances/controls/RevokeButton';
-import { AllowanceData, TransactionSubmitted } from 'lib/interfaces';
+import type { AllowanceData, TransactionSubmitted } from 'lib/interfaces';
 import { getAllowanceI18nValues } from 'lib/utils/allowances';
 import ControlsWrapper from './ControlsWrapper';
 import UpdateControls from './UpdateControls';

components/allowances/controls/ControlsWrapper.tsx

@@ -1,7 +1,7 @@
 import WithHoverTooltip from 'components/common/WithHoverTooltip';
 import { getChainName } from 'lib/utils/chains';
 import { useTranslations } from 'next-intl';
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import { useAccount } from 'wagmi';
 import SwitchChainButton from './SwitchChainButton';
 

components/allowances/controls/RevokeButton.tsx

@@ -1,4 +1,4 @@
-import { AllowanceData, TransactionSubmitted } from 'lib/interfaces';
+import type { AllowanceData, TransactionSubmitted } from 'lib/interfaces';
 import { useTransactionStore } from 'lib/stores/transaction-store';
 import { getAllowanceKey } from 'lib/utils/allowances';
 import { useTranslations } from 'next-intl';

components/allowances/controls/UpdateControls.tsx

@@ -1,6 +1,6 @@
 import Button from 'components/common/Button';
 import Input from 'components/common/Input';
-import { TransactionSubmitted } from 'lib/interfaces';
+import type { TransactionSubmitted } from 'lib/interfaces';
 import { waitForSubmittedTransactionConfirmation } from 'lib/utils';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';

components/allowances/controls/batch-revoke/BatchRevokeControls.tsx

@@ -2,7 +2,7 @@ import Button from 'components/common/Button';
 import TipSection from 'components/common/donate/TipSection';
 import { useDonate } from 'lib/hooks/ethereum/useDonate';
 import { useAddressPageContext } from 'lib/hooks/page-context/AddressPageContext';
-import { AllowanceData } from 'lib/interfaces';
+import type { AllowanceData } from 'lib/interfaces';
 import { track } from 'lib/utils/analytics';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';

components/allowances/controls/batch-revoke/BatchRevokeModalWithButton.tsx

@@ -1,9 +1,9 @@
-import { Table } from '@tanstack/react-table';
+import type { Table } from '@tanstack/react-table';
 import Button from 'components/common/Button';
 import Modal from 'components/common/Modal';
 import { useRevokeBatch } from 'lib/hooks/ethereum/useRevokeBatch';
 import { useAddressPageContext } from 'lib/hooks/page-context/AddressPageContext';
-import { AllowanceData } from 'lib/interfaces';
+import type { AllowanceData } from 'lib/interfaces';
 import { useTranslations } from 'next-intl';
 import { useEffect, useMemo, useState } from 'react';
 import ControlsWrapper from '../ControlsWrapper';

components/allowances/controls/batch-revoke/BatchRevokeTable.tsx

@@ -2,8 +2,8 @@ import AssetCell from 'components/allowances/dashboard/cells/AssetCell';
 import SpenderCell from 'components/allowances/dashboard/cells/SpenderCell';
 import StatusCell from 'components/allowances/dashboard/cells/StatusCell';
 import TransactionHashCell from 'components/allowances/dashboard/cells/TransactionHashCell';
-import { AllowanceData } from 'lib/interfaces';
-import { TransactionResults } from 'lib/stores/transaction-store';
+import type { AllowanceData } from 'lib/interfaces';
+import type { TransactionResults } from 'lib/stores/transaction-store';
 import { getAllowanceKey } from 'lib/utils/allowances';
 import { useTranslations } from 'next-intl';
 

components/allowances/dashboard/cells/ControlsCell.tsx

@@ -1,5 +1,5 @@
 import { useRevoke } from 'lib/hooks/ethereum/useRevoke';
-import { AllowanceData, OnUpdate } from 'lib/interfaces';
+import type { AllowanceData, OnUpdate } from 'lib/interfaces';
 import ControlsSection from '../../controls/ControlsSection';
 
 interface Props {

components/allowances/dashboard/cells/GlobalSelectCell.tsx

@@ -1,8 +1,8 @@
-import { Table } from '@tanstack/react-table';
+import type { Table } from '@tanstack/react-table';
 import ControlsWrapper from 'components/allowances/controls/ControlsWrapper';
 import Checkbox from 'components/common/Checkbox';
 import { useAddressPageContext } from 'lib/hooks/page-context/AddressPageContext';
-import { AllowanceData } from 'lib/interfaces';
+import type { AllowanceData } from 'lib/interfaces';
 
 interface Props {
   table: Table<AllowanceData>;

components/allowances/dashboard/cells/SelectCell.tsx

@@ -1,8 +1,8 @@
-import { Row } from '@tanstack/react-table';
+import type { Row } from '@tanstack/react-table';
 import ControlsWrapper from 'components/allowances/controls/ControlsWrapper';
 import Checkbox from 'components/common/Checkbox';
 import { useAddressPageContext } from 'lib/hooks/page-context/AddressPageContext';
-import { AllowanceData } from 'lib/interfaces';
+import type { AllowanceData } from 'lib/interfaces';
 
 interface Props {
   row: Row<AllowanceData>;

components/allowances/dashboard/cells/SpenderCell.tsx

@@ -19,7 +19,7 @@ const SpenderCell = ({ allowance }: Props) => {
     queryKey: ['spenderData', allowance.spender, allowance.chainId],
     queryFn: () => getSpenderData(allowance.spender, allowance.chainId),
     // Chances of this data changing while the user is on the page are very slim
-    staleTime: Infinity,
+    staleTime: Number.POSITIVE_INFINITY,
   });
 
   const explorerUrl = `${getChainExplorerUrl(allowance.chainId)}/address/${allowance.spender}`;

components/allowances/dashboard/cells/StatusCell.tsx

@@ -1,7 +1,7 @@
 import { CheckCircleIcon, XCircleIcon } from '@heroicons/react/24/outline';
 import Spinner from 'components/common/Spinner';
 import WithHoverTooltip from 'components/common/WithHoverTooltip';
-import { TransactionStatus } from 'lib/interfaces';
+import type { TransactionStatus } from 'lib/interfaces';
 import { useMemo } from 'react';
 
 interface Props {

components/allowances/dashboard/columns.tsx

@@ -1,5 +1,5 @@
-import { createColumnHelper, filterFns, Row, RowData, sortingFns } from '@tanstack/react-table';
-import { AllowanceData, OnUpdate } from 'lib/interfaces';
+import { createColumnHelper, filterFns, type Row, type RowData, sortingFns } from '@tanstack/react-table';
+import type { AllowanceData, OnUpdate } from 'lib/interfaces';
 import { calculateValueAtRisk, isNullish } from 'lib/utils';
 import { formatErc20Allowance } from 'lib/utils/allowances';
 import { formatFixedPointBigInt } from 'lib/utils/formatting';

components/allowances/dashboard/controls/AllowanceSearchBox.tsx

@@ -1,15 +1,15 @@
 'use client';
 
 import { XCircleIcon } from '@heroicons/react/24/outline';
-import { Table } from '@tanstack/react-table';
+import type { Table } from '@tanstack/react-table';
 import Button from 'components/common/Button';
 import FocusTrap from 'components/common/FocusTrap';
 import SearchBox from 'components/common/SearchBox';
-import { AllowanceData } from 'lib/interfaces';
+import type { AllowanceData } from 'lib/interfaces';
 import { updateTableFilters } from 'lib/utils/table';
 import { useTranslations } from 'next-intl';
 import { useSearchParams } from 'next/navigation';
-import { ChangeEventHandler, useEffect, useState } from 'react';
+import { type ChangeEventHandler, useEffect, useState } from 'react';
 import { ColumnId } from '../columns';
 
 interface Props {

components/allowances/dashboard/controls/AllowanceTableControls.tsx

@@ -1,4 +1,4 @@
-import { Table } from '@tanstack/react-table';
+import type { Table } from '@tanstack/react-table';
 import { useAddressPageContext } from 'lib/hooks/page-context/AddressPageContext';
 import type { AllowanceData } from 'lib/interfaces';
 import { Suspense } from 'react';

components/allowances/dashboard/controls/FilterSelect.tsx

@@ -1,15 +1,15 @@
-import { ColumnFiltersState, Table } from '@tanstack/react-table';
+import type { ColumnFiltersState, Table } from '@tanstack/react-table';
 import Checkbox from 'components/common/Checkbox';
 import Label from 'components/common/Label';
 import Select from 'components/common/select/Select';
 import { useColorTheme } from 'lib/hooks/useColorTheme';
 import { useMounted } from 'lib/hooks/useMounted';
-import { AllowanceData } from 'lib/interfaces';
+import type { AllowanceData } from 'lib/interfaces';
 import { normaliseLabel } from 'lib/utils';
 import { updateTableFilters } from 'lib/utils/table';
 import { useTranslations } from 'next-intl';
 import { useEffect } from 'react';
-import { FormatOptionLabelMeta } from 'react-select';
+import type { FormatOptionLabelMeta } from 'react-select';
 import useLocalStorage from 'use-local-storage';
 import { ColumnId } from '../columns';
 

components/allowances/dashboard/controls/SortSelect.tsx

@@ -1,9 +1,9 @@
-import { Column, ColumnSort, sortingFns, Table } from '@tanstack/react-table';
+import { type Column, type ColumnSort, sortingFns, type Table } from '@tanstack/react-table';
 import Label from 'components/common/Label';
 import Select from 'components/common/select/Select';
 import { useColorTheme } from 'lib/hooks/useColorTheme';
 import { useMounted } from 'lib/hooks/useMounted';
-import { AllowanceData } from 'lib/interfaces';
+import type { AllowanceData } from 'lib/interfaces';
 import { normaliseLabel } from 'lib/utils';
 import { useTranslations } from 'next-intl';
 import { useEffect, useMemo } from 'react';