Customizing the Login Page

import { defineDashboardExtension } from '@vendure/dashboard';import { useSsoLogin } from './use-sso-login';defineDashboardExtension({    login: {        logo: {            component: () => <div className="text-3xl text-muted-foreground">My Logo</div>,        },        beforeForm: {            component: () => <div className="text-muted-foreground">Welcome to My Brand</div>,        },        afterForm: {            component: () => {                const { handleLogin } = useSsoLogin();                return (                    <div>                        <Button variant="secondary" className="w-full" onClick={handleLogin}>                            Login with SSO                        </Button>                    </div>                );            },        },    },});

import { defineDashboardExtension } from '@vendure/dashboard';defineDashboardExtension({    routes: [        {            path: '/custom-login',            component: () => (                <div className="flex h-screen items-center justify-center text-2xl">                    This custom login page                </div>            ),            authenticated: false,        },    ],});