add dynamic import for pages content

pages/account/api_key.tsx

 import type { NextPage } from 'next';
+import dynamic from 'next/dynamic';
 import Head from 'next/head';
 import React from 'react';
 
 import getNetworkTitle from 'lib/networks/getNetworkTitle';
-import ApiKeys from 'ui/pages/ApiKeys';
 import Page from 'ui/shared/Page/Page';
+const ApiKeys = dynamic(() => import('ui/pages/ApiKeys'), { ssr: false });
 
 const ApiKeysPage: NextPage = () => {
   const title = getNetworkTitle();

pages/account/custom_abi.tsx

 import type { NextPage } from 'next';
+import dynamic from 'next/dynamic';
 import Head from 'next/head';
 import React from 'react';
 
 import getNetworkTitle from 'lib/networks/getNetworkTitle';
-import CustomAbi from 'ui/pages/CustomAbi';
 import Page from 'ui/shared/Page/Page';
 
+const CustomAbi = dynamic(() => import('ui/pages/CustomAbi'), { ssr: false });
+
 const CustomAbiPage: NextPage = () => {
   const title = getNetworkTitle();
   return (

pages/account/public_tags_request.tsx

 import type { NextPage } from 'next';
+import dynamic from 'next/dynamic';
 import Head from 'next/head';
 import React from 'react';
 
 import getNetworkTitle from 'lib/networks/getNetworkTitle';
-import PublicTags from 'ui/pages/PublicTags';
 import Page from 'ui/shared/Page/Page';
 
+const PublicTags = dynamic(() => import('ui/pages/PublicTags'), { ssr: false });
+
 const PublicTagsPage: NextPage = () => {
   const title = getNetworkTitle();
   return (

pages/account/tag_address.tsx

 import type { NextPage } from 'next';
+import dynamic from 'next/dynamic';
 import Head from 'next/head';
 import React from 'react';
 
 import getNetworkTitle from 'lib/networks/getNetworkTitle';
-import PrivateTags from 'ui/pages/PrivateTags';
 import Page from 'ui/shared/Page/Page';
 
-const AddressTagsPage: NextPage = () => {
+const PrivateTags = dynamic(() => import('ui/pages/PrivateTags'), { ssr: false });
+
+const PrivateTagsPage: NextPage = () => {
   const title = getNetworkTitle();
   return (
     <>
@@ -18,6 +20,6 @@ const AddressTagsPage: NextPage = () => {
   );
 };
 
-export default AddressTagsPage;
+export default PrivateTagsPage;
 
 export { getServerSideProps } from 'lib/next/getServerSideProps';

pages/account/watchlist.tsx

 import type { NextPage } from 'next';
+import dynamic from 'next/dynamic';
 import Head from 'next/head';
 import React from 'react';
 
 import getNetworkTitle from 'lib/networks/getNetworkTitle';
-import WatchList from 'ui/pages/Watchlist';
 import Page from 'ui/shared/Page/Page';
 
+const WatchList = dynamic(() => import('ui/pages/Watchlist'), { ssr: false });
+
 const WatchListPage: NextPage = () => {
   const title = getNetworkTitle();
   return (