Merge pull request #2953 from Hyperkid123/disable-pf4

use feature flag to remove PF4 styling support from chrome

src/components/RootApp/PF4Root.tsx

@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+import { useFlag } from '@unleash/proxy-client-react';
+import removePf4Styles from '../../utils/removePf4Styles';
+
+const PF4Root = () => {
+  const removePF4 = useFlag('platform.chrome.disable-pf4');
+  useEffect(() => {
+    if (removePF4) {
+      removePf4Styles();
+    }
+  }, [removePF4]);
+  return null;
+};
+
+export default PF4Root;

src/components/RootApp/RootApp.tsx

@@ -19,6 +19,7 @@ import { activeModuleAtom } from '../../state/atoms/activeModuleAtom';
 import { scalprumConfigAtom } from '../../state/atoms/scalprumConfigAtom';
 import { isDebuggerEnabledAtom } from '../../state/atoms/debuggerModalatom';
 import { addQuickstartToAppAtom, clearQuickstartsAtom, populateQuickstartsAppAtom, quickstartsAtom } from '../../state/atoms/quickstartsAtom';
+import PF4Root from './PF4Root';
 
 const NotEntitledModal = lazy(() => import('../NotEntitledModal'));
 const Debugger = lazy(() => import('../Debugger'));
@@ -108,6 +109,8 @@ const RootApp = memo(({ accountId }: { accountId?: string }) => {
     <HistoryRouter history={chromeHistory as unknown as HistoryRouterProps['history']}>
       <SegmentProvider>
         <FeatureFlagsProvider>
+          {/* until PF 4 is fully removed from build */}
+          <PF4Root />
           {/* <CrossRequestNotifier /> */}
           <Suspense fallback={null}>
             <NotEntitledModal />