Modernize the Blazor Web template

[mkArtakMSFT]

Includes accessibility testing (plus some feedback here: https://github.com/dotnet/AspNetCore-ManualTests/issues/2474)

Thanks for contacting us.

We're moving this issue to the .NET 9 Planning milestone for future evaluation / consideration. We would like to keep this around to collect more feedback, which can help us with prioritizing this work. We will re-evaluate this issue, during our next planning meeting(s).
If we later determine, that the issue has no community involvement, or it's very rare and low-impact issue, we will close it - so that the team can focus on more important and high impact issues.
To learn more about what to expect next and how this issue will be handled you can read more about our triage process here.

[mkArtakMSFT]

As part of this, we will consider feedback provided #50927 and #51326

[KennethHoff]

I want one of two things personally:

1. A template with no third party dependency whatsoever ( no jQuery, no bootstrap, no SCSS, no Tailwind, no nothing). Maybe some default styling - in actual CSS - but no library.

2. A template that allows for selecting from a list. "I want a Blazor Template with TypeScript and Tailwind", "I want a Blazor template with TypeScript but no CSS build step", "I want a Blazor Template with no JS or CSS build step", and so on. Ideally it sets it up such that all modes have the same styling such that you can very easily compare the solutions.

The former is much easier for you guys, while the latter is a potentially better UX (assuming it automatically uses the latest versions of things and sets up the build step).

[glen-84]

I prefer option 1.

Option 2 will always:

• Not include everyone's preferred frameworks.
• Become outdated more quickly, thus adding a maintenance burden to this project.

[sultan]

The project from template better not include copy pasted dependencies but instead a Libman nugget dependency + references to js deps within. I have my young students do projects from templates and have them replace links with bootstrap buttons and replace copy pasted libs with either datatables.js or tailwind.

[sultan]

As stated in issue #50121 : css classes are not well placed within the multiple css of the project. The behaviour is not consistent between desktop and mobile and this was easily corrected with the code I provided. I hope you can take all contributors code to the live templates.

[EdCharbeneau]

As stated in issue #50121 : css classes are not well placed within the multiple css of the project. The behaviour is not consistent between desktop and mobile and this was easily corrected with the code I provided. I hope you can take all contributors code to the live templates.

I fixed a lot of those issues in this PR: #51030