Add a 'noAccessComponent' to the Root Route

[QVladislav]

As there are already components as 'notFoundComponent' and 'errorComponent', it should be nice to have a component that manages access on pages.
I know there is a solution to add authentication for routes, but I think it's more streamlined to use a general component for it.
When I make the code like this:

export const Route = createFileRoute('/knowledgebase/profiles')({ component: () => { const { user } = useAuth() if (user?.email_verified) { return <NoAccessPage /> } }, })
The NoAccessPage will be displayed in my RootLayout instead of the whole page.