refactor: use client/loading/server lazy load pattern

Author: wackerow

app/[locale]/wallets/find-wallet/page.tsx

@@ -8,7 +8,7 @@ import {
 import { Lang } from "@/lib/types"
 
 import Breadcrumbs from "@/components/Breadcrumbs"
-import FindWalletProductTable from "@/components/FindWalletProductTable/lazy"
+import FindWalletProductTable from "@/components/FindWalletProductTable/server"
 import I18nProvider from "@/components/I18nProvider"
 import MainArticle from "@/components/MainArticle"
 

src/components/FindWalletProductTable/FindWalletProductTable.stories.tsx

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from "@storybook/react"
 
 import { Lang } from "@/lib/types"
 
-import FindWalletProductTable from "@/components/FindWalletProductTable"
+import FindWalletProductTable from "@/components/FindWalletProductTable/client"
 
 import OneInchWalletImage from "@/public/images/wallets/1inch.png"
 import FoxWalletImage from "@/public/images/wallets/foxwallet.png"

src/components/FindWalletProductTable/index.tsx renamed to src/components/FindWalletProductTable/client.tsx

@@ -25,6 +25,7 @@ const WalletSkeleton = () => (
     ))}
   </>
 )
+
 const Loading = () => (
   <div className="flex flex-col gap-16 px-4 lg:gap-20">
     <div className="flex max-w-full gap-4 overflow-x-scroll lg:grid lg:grid-cols-5">

src/components/FindWalletProductTable/loading.tsx

@@ -2,7 +2,7 @@ import dynamic from "next/dynamic"
 
 import Loading from "./loading"
 
-export default dynamic(() => import("./index"), {
+export default dynamic(() => import("./client"), {
   ssr: false,
   loading: Loading,
 })