Fix double focus on article body in Augmentation mode

Use spread operator to conditionally add tabIndex attribute only when shouldPreviewBodyHaveTabIndex() returns true. This prevents the outer previewBody div from having any tabIndex in Augmentation/Selection modes, eliminating the double focus issue where both outer and inner divs were being focused.

Co-authored-by: aanchalbhansali <185747873+aanchalbhansali@users.noreply.github.com>

Author: Copilot

src/scripts/clipperUI/components/previewViewer/previewComponentBase.tsx

@@ -197,7 +197,7 @@ export abstract class PreviewComponentBase<TState, TProps extends ClipperStatePr
 								style={previewStyle}
 								id={Constants.Ids.previewBody}
 								className={inProgressClassIfApplicable + " " + this.getPreviewBodyClass()}
-								tabIndex={this.shouldPreviewBodyHaveTabIndex() ? 260 : undefined}
+								{...(this.shouldPreviewBodyHaveTabIndex() ? { tabIndex: 260 } : {})}
 								config={(element: HTMLElement, isInitialized: boolean) => {
 									if (this.shouldPreviewBodyHaveTabIndex()) {
 										this.makeChildLinksNonTabbable(element, isInitialized);