fix: compare block preview component

Author: navinkarkera

src/library-authoring/component-comparison/CompareChangesWidget.tsx

@@ -1,5 +1,6 @@
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { Tab, Tabs } from '@openedx/paragon';
+import { IframeProvider } from '../../generic/hooks/context/iFrameContext';
 
 import { LibraryBlock, type VersionSpec } from '../LibraryBlock';
 
@@ -24,15 +25,19 @@ const CompareChangesWidget = ({ usageKey, oldVersion = 'published', newVersion =
 
   return (
     <div>
-      <Tabs variant="tabs" defaultActiveKey="new" id="preview-version-toggle">
+      <Tabs variant="tabs" defaultActiveKey="new" id="preview-version-toggle" mountOnEnter>
         <Tab eventKey="old" title={intl.formatMessage(messages.oldVersionTitle)}>
           <div className="p-2 bg-white">
-            <LibraryBlock usageKey={usageKey} version={oldVersion} />
+            <IframeProvider>
+              <LibraryBlock usageKey={usageKey} version={oldVersion} />
+            </IframeProvider>
           </div>
         </Tab>
         <Tab eventKey="new" title={intl.formatMessage(messages.newVersionTitle)}>
           <div className="p-2 bg-white">
-            <LibraryBlock usageKey={usageKey} version={newVersion} />
+            <IframeProvider>
+              <LibraryBlock usageKey={usageKey} version={newVersion} />
+            </IframeProvider>
           </div>
         </Tab>
       </Tabs>