Add finalResultRef to PlanPage for improved reference handling

Author: Akhileswara-Microsoft

src/App/src/pages/PlanPage.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect} from 'react';
+import React, { useCallback, useEffect, useRef} from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { Spinner, Text } from '@fluentui/react-components';
 
@@ -87,6 +87,7 @@ const PlanPage: React.FC = () => {
     const dispatch = useAppDispatch();
     const { showToast, dismissToast } = useInlineToaster();
     const { messagesContainerRef, scrollToBottom } = useAutoScroll();
+    const finalResultRef = useRef<HTMLDivElement>(null);
     const { loadPlanData, resetPlanVariables } = usePlanActions();
 
     /* ── Redux Selectors (granular — Point 10) ──────────────── */
@@ -370,6 +371,7 @@ const PlanPage: React.FC = () => {
                                 processingApproval={processingApproval}
                                 handleApprovePlan={handleApprovePlan}
                                 handleRejectPlan={handleRejectPlan}
+                                finalResultRef={finalResultRef}
                             />
                         </>
                     )}