prettier fix

Signed-off-by: Yi Cai <[email protected]>

docs/dynamic-plugins/frontend-plugin-wiring.md

@@ -426,6 +426,7 @@ Here are the default catalog entity routes in the default order:
 The visibility of a tab is derived from the kind of entity that is being displayed along with the visibility guidance mentioned in "[Using mount points](#using-mount-points)".
 
 ## Adding global header
+
 The frontend system also allows users to configure a custom global header and its components.
 
 ```yaml
@@ -438,7 +439,7 @@ dynamicPlugins:
           importName: GlobalHeader
           config:
             layout:
-              position: above-main-content  # use `above-sidebar` value to position the global header to above the sidebar
+              position: above-main-content # use `above-sidebar` value to position the global header to above the sidebar
         - mountPoint: application/header/component
           importName: SearchBar
           config:

packages/app/src/components/Root/Root.tsx

@@ -29,7 +29,10 @@ import { makeStyles } from 'tss-react/mui';
 
 import { policyEntityReadPermission } from '@janus-idp/backstage-plugin-rbac-common';
 
-import DynamicRootContext, { MountPoints, ResolvedMenuItem } from '../DynamicRoot/DynamicRootContext';
+import DynamicRootContext, {
+  MountPoints,
+  ResolvedMenuItem,
+} from '../DynamicRoot/DynamicRootContext';
 import { MenuIcon } from './MenuIcon';
 import { SidebarLogo } from './SidebarLogo';
 
@@ -108,16 +111,14 @@ const ApplicationHeaders = ({
   position: string;
 }) => {
   const appHeaderMountPoints = mountPoints['application/header'] ?? [];
-  return (
-    appHeaderMountPoints
-      ?.filter(({ config }) => config?.layout?.position === position)
-      .map(({ Component, config }, index) => (
-        // eslint-disable-next-line react/no-array-index-key
-        <ErrorBoundary key={index}>
-          <Component {...config?.props} />
-        </ErrorBoundary>
-      ))
-  );
+  return appHeaderMountPoints
+    ?.filter(({ config }) => config?.layout?.position === position)
+    .map(({ Component, config }, index) => (
+      // eslint-disable-next-line react/no-array-index-key
+      <ErrorBoundary key={index}>
+        <Component {...config?.props} />
+      </ErrorBoundary>
+    ));
 };
 
 export const Root = ({ children }: PropsWithChildren<{}>) => {
@@ -271,7 +272,10 @@ export const Root = ({ children }: PropsWithChildren<{}>) => {
     <>
       <ApplicationHeaders mountPoints={mountPoints} position="above-sidebar" />
       <SidebarPage>
-        <ApplicationHeaders mountPoints={mountPoints} position="above-main-content" />
+        <ApplicationHeaders
+          mountPoints={mountPoints}
+          position="above-main-content"
+        />
         <Sidebar>
           <SidebarLogo />
           <SidebarGroup label="Search" icon={<SearchIcon />} to="/search">