🐛 fix: fix changelog modal (#5894)

* fix changelog modal

* improve

src/app/[variants]/(main)/changelog/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/(main)/changelog/modal/page.tsx

@@ -2,7 +2,6 @@
 
 import { useLayoutEffect } from 'react';
 
-import { withSuspense } from '@/components/withSuspense';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
 
 /**
@@ -21,4 +20,4 @@ const ChangelogModal = () => {
   return null;
 };
 
-export default withSuspense(ChangelogModal);
+export default ChangelogModal;

src/app/[variants]/(main)/chat/(workspace)/@portal/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/(main)/chat/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/(main)/chat/settings/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/(main)/discover/(detail)/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/(main)/discover/(list)/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/(main)/discover/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/(main)/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/(main)/profile/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/(main)/profile/features/ClerkProfile.tsx

@@ -5,7 +5,6 @@ import { ElementsConfig } from '@clerk/types';
 import { createStyles } from 'antd-style';
 import { memo } from 'react';
 
-import { withSuspense } from '@/components/withSuspense';
 
 export const useStyles = createStyles(
   ({ css, responsive, token }) =>
@@ -71,4 +70,4 @@ const Client = memo<{ mobile?: boolean }>(({ mobile }) => {
   );
 });
 
-export default withSuspense(Client);
+export default Client;

src/app/[variants]/(main)/settings/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/@modal/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/app/[variants]/error.tsx

@@ -1,5 +1,3 @@
 'use client';
 
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';

src/features/DevPanel/features/Table/TooltipContent.tsx

@@ -1,4 +1,5 @@
 import { Highlighter } from '@lobehub/ui';
+import Image from 'next/image';
 import Link from 'next/link';
 import { ReactNode, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -7,7 +8,14 @@ const TooltipContent = memo<{ children: ReactNode }>(({ children }) => {
   if (typeof children !== 'string') return children;
 
   if (children.startsWith('data:image')) {
-    return <img src={children} style={{ height: 'auto', maxWidth: '100%' }} />;
+    return (
+      <Image
+        alt={'tooltip-image'}
+        src={children}
+        style={{ height: 'auto', maxWidth: '100%' }}
+        unoptimized
+      />
+    );
   }
 
   if (children.startsWith('http'))