(fix) Tweak usage of config property in PageHeader

Tweaks the usage of the config property in PageHeader to make it more robust. More specifically, this commit removes the destructuring of the config object in the component. Because this is a reusable component, the config schema that will be used is that of the consuming frontend module. Thus, the component should not make any assumptions about the shape of the config object. This commit also adds a check for the config object to make sure that the implementationName paragraph is rendered conditionally, based on whether the config object exists.

packages/framework/esm-styleguide/src/page-header/page-header.component.tsx

@@ -87,15 +87,16 @@ export const PageHeader: React.FC<PageHeaderProps> = (props) => {
  * ```
  */
 export const PageHeaderContent: React.FC<PageHeaderContentProps> = ({ title, illustration, className }) => {
-  const { implementationName } = useConfig<StyleguideConfigObject>({
+  const config = useConfig<StyleguideConfigObject>({
+    // Do not remove this property. See https://github.com/openmrs/openmrs-esm-core/pull/1125#issuecomment-2313230513 for more context.
     externalModuleName: '@openmrs/esm-styleguide',
   });
 
   return (
     <div className={classNames(styles.pageHeaderContent, className)}>
       {illustration}
       <div className={styles.pageLabels}>
-        <p>{implementationName}</p>
+        {config?.implementationName && <p>{config.implementationName}</p>}
         <p className={styles.pageName}>{title}</p>
       </div>
     </div>