feat: update CanvasArea to support ref forwarding to CADCanvas

frontend/src/components/CanvasArea.tsx

@@ -1,15 +1,13 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import './CanvasArea.css';
+import CADCanvas from './CADCanvas';
 
-const CanvasArea: React.FC = () => {
+const CanvasArea = forwardRef((_, ref) => {
   return (
     <div className="canvas-area" role="main" aria-label="Drawing Canvas">
-      <div className="canvas-placeholder">
+      <CADCanvas ref={ref} />
-        <p>Canvas Area</p>
-        <p className="placeholder-subtext">Drawing canvas will be rendered here</p>
-      </div>
     </div>
   );
-};
+});
 
 export default CanvasArea;