Align-center causing buttons to be rendered 1 line below it's position and leaving a line at the top when switching pages

The problem is in that Align component centers your modal using spaces and newlines, so it creates redundant characters that affect on render result. Do not use Align component around positioned element, only inside its container, like Panel for example.
Now, I'm preparing the ModalWindow component, that centers itself using position. It calculates its size and counts canvas size so it is positioned correctly without that side effects.

modal not preventing the focus from going to button outside of modal

Because every positioned elements in VDom. They are separated from common rendering but they are registered as usual components. Don't think that it is a big problem actually, but it can be fixed using some stack of that overlay items.

Im not sure that we need this example at all.
Gallery already uses routing.
Also routing is simply the same as in web blazor. There are many guides about routing in web blazor.

Cons about this sample is:

• It dosen't bring anything new (like concepts) bc it works the same as in web
• extra codebase

@ParadiseFallen
I still think it's positive to have more examples, even if there's already alternatives case exists elsewhere
.

Looks very good, I made the PR with modal window component so you can get rid of the Align wrapping approach.

Lacking examples on Layout. Need to shouw at least 2 layouts and page without layout

I'd rather adding this as a separate example, focusing just on different layout options.

Looks very good, I made the PR with modal window component so you can get rid of the Align wrapping approach.

I pushed version using ModalWindow