Move contract overview page components to app router folder (No code changes)

apps/dashboard/src/contract-ui/tabs/overview/components/ContractChecklist.tsx → apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/ContractChecklist.tsx

@@ -1,6 +1,7 @@
 import { AdminOnly } from "@3rdweb-sdk/react/components/roles/admin-only";
 import { useIsMinter } from "@3rdweb-sdk/react/hooks/useContractRoles";
 import { StepsCard } from "components/dashboard/StepsCard";
+import { useContractFunctionSelectors } from "contract-ui/hooks/useContractFunctionSelectors";
 import { useMemo } from "react";
 import type { ThirdwebContract } from "thirdweb";
 import * as ERC20Ext from "thirdweb/extensions/erc20";
@@ -10,7 +11,6 @@ import * as ERC4337Ext from "thirdweb/extensions/erc4337";
 import { getAccounts } from "thirdweb/extensions/erc4337";
 import { useReadContract } from "thirdweb/react";
 import { Link, Text } from "tw-components";
-import { useContractFunctionSelectors } from "../../../hooks/useContractFunctionSelectors";
 
 interface ContractChecklistProps {
   contract: ThirdwebContract;

apps/dashboard/src/contract-ui/tabs/overview/components/NFTDetails.tsx → apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/NFTDetails.tsx

@@ -4,7 +4,7 @@ import * as ERC721 from "thirdweb/extensions/erc721";
 import * as ERC1155 from "thirdweb/extensions/erc1155";
 import { useReadContract } from "thirdweb/react";
 import { TrackedLink, type TrackedLinkProps } from "tw-components";
-import { NFTCards } from "./NFTCards";
+import { NFTCards } from "../../_components/NFTCards";
 
 interface NFTDetailsProps {
   contract: ThirdwebContract;

apps/dashboard/src/contract-ui/tabs/overview/components/PermissionsTable.tsx → apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/PermissionsTable.tsx

@@ -1,5 +1,6 @@
 import { ToolTipLabel } from "@/components/ui/tooltip";
 import { Box, Flex, List, SimpleGrid, Tag } from "@chakra-ui/react";
+import { getAllRoleMembers } from "contract-ui/hooks/permissions";
 import { AnimatePresence, motion } from "framer-motion";
 import { useClipboard } from "hooks/useClipboard";
 import { CopyIcon } from "lucide-react";
@@ -16,7 +17,6 @@ import {
   type TrackedLinkProps,
 } from "tw-components";
 import { shortenIfAddress } from "utils/usedapp-external";
-import { getAllRoleMembers } from "../../../hooks/permissions";
 
 interface PermissionsTableProps {
   contract: ThirdwebContract;

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/page.tsx

@@ -1,7 +1,7 @@
-import { ContractOverviewPage } from "contract-ui/tabs/overview/page";
 import { notFound } from "next/navigation";
 import { getContractPageParamsInfo } from "./_utils/getContractFromParams";
 import { getContractPageMetadata } from "./_utils/getContractPageMetadata";
+import { ContractOverviewPage } from "./overview/ContractOverviewPage";
 
 export default async function Page(props: {
   params: {

apps/dashboard/src/contract-ui/tabs/account/components/nfts-owned.tsx

@@ -1,9 +1,9 @@
 "use client";
 
 import { useWalletNFTs } from "@3rdweb-sdk/react";
-import { NFTCards } from "contract-ui/tabs/overview/components/NFTCards";
 import type { ThirdwebContract } from "thirdweb";
 import { Text } from "tw-components";
+import { NFTCards } from "../../../../app/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/NFTCards";
 
 interface NftsOwnedProps {
   contract: ThirdwebContract;