5. Add panes to chapter overview

Now you can add the newly created components to the route.

src/pages/purchase-order-shipments/PurchaseOrderShipmentsOverviewPage.tsx

import {  Pane,  Box,  Breadcrumbs,  ErrorBoundary,} from '@springtree/eva-suite-ui';import { useIntl } from 'react-intl';import { TitleHelmet } from '@springtree/eva-suite-composite';import PurchaseOrderShipmentsList from 'components/purchase-order-shipments/overview/PurchaseOrderShipmentsList';import PurchaseOrderShipmentsSidePane from 'components/purchase-order-shipments/overview/PurchaseOrderShipmentsSidePane';
const PurchaseOrderShipmentsOverviewPage = () => {  const intl = useIntl();
  const title = intl.formatMessage({    id: 'purchase-order-shipments.overview.title',  });
  return (    <>      <TitleHelmet title={title} />      <Pane sideBarContent={<PurchaseOrderShipmentsSidePane />}>        <ErrorBoundary>          <Box>            <Breadcrumbs              showBackButton={false}              breadcrumbs={[                {                  name: title,                  url: '/purchase-order-shipments',                },              ]}            />            <ErrorBoundary>              <PurchaseOrderShipmentsList />            </ErrorBoundary>            <div />          </Box>        </ErrorBoundary>      </Pane>    </>  );};
export default PurchaseOrderShipmentsOverviewPage;