Use a better name for the actual library content and menu --> Library…

…Body

frontend/libs/studio-content-library/src/ContentLibrary/ContentLibrary.tsx

@@ -7,7 +7,7 @@ import classes from './ContentLibrary.module.css';
 import { LibraryHeader } from './LibraryHeader';
 import { StudioHeading } from '@studio/components';
 import type { PageName } from '../types/PageName';
-import { LibraryContent } from './LibraryContent/LibraryContent';
+import { LibraryBody } from './LibraryBody';
 
 type ContentLibraryProps = {
   pages: PagesConfig;
@@ -37,7 +37,7 @@ function ContentLibraryForPage<T extends PageName = 'landingPage'>({
     <div className={classes.libraryBackground}>
       <div className={classes.libraryContainer}>
         <LibraryHeader />
-        <LibraryContent Component={Component} pages={pages} currentPage={currentPage} />
+        <LibraryBody Component={Component} pages={pages} currentPage={currentPage} />
       </div>
     </div>
   );

frontend/libs/studio-content-library/src/ContentLibrary/LibraryContent/LibraryContent.tsx → frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/LibraryBody.tsx

@@ -6,17 +6,17 @@ import type { PagePropsMap, PagesConfig } from '../../types/PagesProps';
 import type { PageName } from '../../types/PageName';
 import type { PageComponent } from '../../utils/router/RouterRouteMapper';
 
-type LibraryContentProps<T extends PageName = 'landingPage'> = {
+type LibraryBodyProps<T extends PageName = 'landingPage'> = {
   Component: PageComponent<Required<PagePropsMap>[T]>;
   pages: PagesConfig;
   currentPage: PageName;
 };
 
-export function LibraryContent<T extends PageName = 'landingPage'>({
+export function LibraryBody<T extends PageName = 'landingPage'>({
   Component,
   pages,
   currentPage,
-}: LibraryContentProps) {
+}: LibraryBodyProps) {
   const componentProps: Required<PagePropsMap>[T] = pages[currentPage]
     ?.props as Required<PagePropsMap>[T];
 

frontend/libs/studio-content-library/src/ContentLibrary/LibraryContent/PagesRouter/PagesRouter.test.tsx → frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/PagesRouter/PagesRouter.test.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { PagesRouter } from './PagesRouter';
 import { textMock } from '@studio/testing/mocks/i18nMock';
 import { RouterContext } from '../../../contexts/RouterContext';
 import type { PageName } from '../../../types/PageName';
-import { BrowserRouter } from 'react-router-dom';
+import { renderWithBrowserRouter } from '../../../../test-utils/renderWithBrowserRouter';
 
 const navigateMock = jest.fn();
 
@@ -35,11 +35,9 @@ describe('PagesRouter', () => {
 });
 
 const renderPagesRouter = (pageNames: PageName[] = ['codeList', 'images']) => {
-  render(
-    <BrowserRouter>
-      <RouterContext.Provider value={{ currentPage: 'codeList', navigate: navigateMock }}>
-        <PagesRouter pageNames={pageNames} />
-      </RouterContext.Provider>
-    </BrowserRouter>,
+  renderWithBrowserRouter(
+    <RouterContext.Provider value={{ currentPage: 'codeList', navigate: navigateMock }}>
+      <PagesRouter pageNames={pageNames} />
+    </RouterContext.Provider>,
   );
 };

frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/index.ts

@@ -0,0 +1 @@
+export { LibraryBody } from './LibraryBody';