multi: wrap entry points with PlatformProvider

AppEntry and AppCockpit now inject their respective platform objects
into the React tree so all descendants can access the correct hooks
via usePlatform() instead of build-time switching.

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: kingsleyzissou

src/AppCockpit.tsx

@@ -12,6 +12,8 @@ import { HashRouter } from 'react-router-dom';
 
 import './AppCockpit.scss';
 import { NotReady, RequireAdmin } from './Components/Cockpit';
+import { PlatformProvider } from './context/platform';
+import { onPremPlatform } from './context/platform/onprem';
 import { Router } from './Router';
 import { onPremStore as store } from './store';
 import { useGetComposerSocketStatus } from './Utilities/useComposerStatus';
@@ -41,11 +43,13 @@ const Application = () => {
 };
 const ImageBuilder = () => (
   <Provider store={store}>
-    <Page className='no-masthead-sidebar' isContentFilled>
-      <PageSection>
-        <Application />
-      </PageSection>
-    </Page>
+    <PlatformProvider value={onPremPlatform}>
+      <Page className='no-masthead-sidebar' isContentFilled>
+        <PageSection>
+          <Application />
+        </PageSection>
+      </Page>
+    </PlatformProvider>
   </Provider>
 );
 

src/AppEntry.tsx

@@ -3,11 +3,15 @@ import React from 'react';
 import { Provider } from 'react-redux';
 
 import App from './App';
+import { PlatformProvider } from './context/platform';
+import { hostedPlatform } from './context/platform/hosted';
 import { serviceStore as store } from './store';
 
 const ImageBuilder = () => (
   <Provider store={store}>
-    <App />
+    <PlatformProvider value={hostedPlatform}>
+      <App />
+    </PlatformProvider>
   </Provider>
 );