Module not found: Can't resolve 'react-syntax-highlighter/dist/esm/styles/prism'

## Error Type
Build Error

## Error Message
Module not found: Can't resolve 'react-syntax-highlighter/dist/esm/styles/prism'

## Build Output
./app/generation/page.tsx:11:1
Module not found: Can't resolve 'react-syntax-highlighter/dist/esm/styles/prism'
9 | import { HeaderProvider } from '@/components/shared/header/HeaderContext';
10 | import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
> 11 | import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
12 | // Import icons from centralized module to avoid Turbopack chunk issues
13 | import {
14 | FiFile,

Import traces:
Client Component Browser:
./app/generation/page.tsx [Client Component Browser]
./app/generation/page.tsx [Server Component]

Client Component SSR:
./app/generation/page.tsx [Client Component SSR]
./app/generation/page.tsx [Server Component]

https://nextjs.org/docs/messages/module-not-found

Next.js version: 15.5.3 (Turbopack)

GET /generation 500 in 4422ms
⨯ ./app/generation/page.tsx:11:1
Module not found: Can't resolve 'react-syntax-highlighter/dist/esm/styles/prism'
9 | import { HeaderProvider } from '@/components/shared/header/HeaderContext';
10 | import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
> 11 | import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
12 | // Import icons from centralized module to avoid Turbopack chunk issues
13 | import {
14 | FiFile,