Fix ScrollArea ref forwarding to enable auto-scroll

[Copilot]

The ScrollArea component wasn't forwarding refs, breaking auto-scroll functionality in the AI chat box.

Changes

• Convert ScrollArea from function to React.forwardRef component
• Forward ref to ScrollAreaPrimitive.Viewport (the actual scrollable element)
• Add displayName for React DevTools

Impact

The auto-scroll logic in ai-chat-box.tsx now works correctly:

// Previously scrollRef.current was always null
// Now it correctly references the viewport element
useEffect(() => {
  if (scrollRef.current) {
    scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
  }
}, [messages]);

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.