Creating Pages

import { Page, PageBlock, PageLayout, PageTitle } from '@vendure/dashboard';export function TestPage() {    return (        <Page pageId="test-page">            <PageTitle>Test Page</PageTitle>            <PageLayout>                <PageBlock column="full" blockId="full-stuff">                    This block spans the full width                </PageBlock>                <PageBlock column="main" blockId="main-stuff">                    This will display in the main area                </PageBlock>                <PageBlock column="side" blockId="side-stuff">                    This will display in the side area                </PageBlock>            </PageLayout>        </Page>    );}

import { FullWidthPageBlock, Page, PageLayout, PageTitle } from '@vendure/dashboard';<PageLayout>    <FullWidthPageBlock blockId="list-table">        <DataTable /* ... */ />    </FullWidthPageBlock></PageLayout>

import { defineDashboardExtension } from '@vendure/dashboard';import { TestPage } from './test-page';defineDashboardExtension({    routes: [        {            // The TestPage will be available at e.g.             // http://localhost:5173/dashboard/test            path: '/test',            // The loader function is allows us to define breadcrumbs            loader: () => ({ breadcrumb: 'Test Page' }),            // Here we define the nav menu items            navMenuItem: {                // a unique ID                id: 'test',                // the nav menu item label                title: 'Test Page',                // which section it should appear in                sectionId: 'catalog',            },            component: TestPage,        },    ],});