remove server-side rendering for LightBox component and import it directly

apps/app/src/client/services/renderer/renderer.tsx

@@ -17,6 +17,7 @@ import type { Pluggable } from 'unified';
 
 import { DrawioViewerWithEditButton } from '~/client/components/ReactMarkdownComponents/DrawioViewerWithEditButton';
 import { Header } from '~/client/components/ReactMarkdownComponents/Header';
+import { LightBox } from '~/client/components/ReactMarkdownComponents/LightBox';
 import { RichAttachment } from '~/client/components/ReactMarkdownComponents/RichAttachment';
 import { TableWithEditButton } from '~/client/components/ReactMarkdownComponents/TableWithEditButton';
 import * as callout from '~/features/callout';
@@ -48,16 +49,6 @@ const logger = loggerFactory('growi:cli:services:renderer');
 
 assert(isClient(), 'This module must be loaded only from client modules.');
 
-// fslightbox-react is interactive-only (opens on user click, uses document.body portal).
-// Loading it client-only keeps fslightbox-react out of .next/node_modules/ so it can stay in devDependencies.
-const LightBox = dynamic(
-  () =>
-    import('~/client/components/ReactMarkdownComponents/LightBox').then(
-      (mod) => mod.LightBox,
-    ),
-  { ssr: false },
-);
-
 const MermaidViewer = dynamic(
   () =>
     import('~/features/mermaid/components/MermaidViewer').then(