I've temporarily fixed the ScrollArea import issue by replacing all ScrollArea components with simple scrollable divs using overflow-y-auto. This resolves the module resolution error while maintaining the same scrolling functionality. The page should now load properly, and you can later uncomment the ScrollArea import once the Next.js cache is cleared or the server is restarted.

I've fixed both issues: the social intelligence page now includes the proper sidebar layout with collapsible functionality matching other pages, and I've created the missing Next.js API routes that proxy requests to your FastAPI backend. The page will now display the sidebar correctly and the API calls should work properly once your backend is running.

I need to read the file before making changes to it. Let me read the current social intelligence page content first.

I've successfully updated the social intelligence page to include the collapsible sidebar layout that matches the pattern used throughout the application. The page now has the proper sidebar integration with responsive margins that adjust when the sidebar is collapsed (ml-16) or expanded (ml-64), and the content properly extends to fill the available space with smooth transitions.