Update to bootstrap5

[HaoK]

Continuation of #33592

Output of this PR's templates will be found here: https://github.com/HaoK/Random/tree/boot5/Templates

[HaoK]

Things look green on the ci side, can folks take a look at the templates to make sure they look reasonable visually? @danroth27 @SteveSandersonMS @blowdart @pranavkm @javiercn

There are a few templates here: https://github.com/HaoK/Random/tree/boot5/Templates I didn't do a full set if there are any other ones you'd like me to generate let me know

[danroth27]

Top row in the Blazor templates should be full width. Right now it looks like this:

[danroth27]

Hamburger menu should be in the upper right on small screens. Currently it drops to the lower left and is cut off:

[danroth27]

An outline shows up around the heading when I first run the app:

[HaoK]

@bradygaster here's the output of some of the templates from this PR here: https://github.com/HaoK/Random/tree/boot5/Templates I rebased today off main so it might require very current bits to actually run, I see errors due to a new head component in the razor. The MVC variant templates run though

[HaoK]

New Issue with the confirm email alert always showing up with bootstrap 5:

[HaoK]

@blowdart can you take a look at these templates with bootstrap 5 as well, review the individual auth variant in particular https://github.com/HaoK/Random/tree/boot5/Templates/mvcIndAuth

[HaoK]

Current look at post confirmation/logged on screen: changes look to be the hello/log out are squished to left, and also the confirm email alert is visible after upgrade to bootstrap 5 cc @blowdart

Comparison picture for main templates today

[blowdart]

That also appears to be squished upwards too, that confirm button for example is right under the text box, rather than under a slight gap.