Add automatic Tailwind CSS compilation to Blazor Server build

[Copilot]

The Blazor Server application's UI was not rendering correctly due to missing compiled Tailwind CSS. The app referenced wwwroot/css/app.css which was never generated from the source Styles/app.css.

Changes

• MSBuild Integration: Added build targets to automatically compile Tailwind CSS

  • NpmInstall: Runs conditionally only when node_modules is missing
  • BuildTailwindCSS: Executes npm run css:build before each build
  • Both targets fail fast with ContinueOnError="false"

• Documentation: Updated README with build prerequisites and development workflow

<Target Name="NpmInstall" BeforeTargets="BuildTailwindCSS" Condition="!Exists('node_modules')">
  <Message Importance="high" Text="Installing npm packages..." />
  <Exec Command="npm install" WorkingDirectory="$(MSBuildProjectDirectory)" ContinueOnError="false" />
</Target>

<Target Name="BuildTailwindCSS" BeforeTargets="BeforeBuild">
  <Message Importance="high" Text="Building Tailwind CSS..." />
  <Exec Command="npm run css:build" WorkingDirectory="$(MSBuildProjectDirectory)" ContinueOnError="false" IgnoreExitCode="false" />
</Target>

Before / After

Before: Navigation rendered as unstyled inline text

After: Proper sidebar navigation with styling

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Screens not showing correctly</issue_title>
<issue_description>Example of Estate Management

</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Screens not showing correctly #439

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.