Upgrade to Astro 5.16.4 and Tailwind CSS v4

[Copilot]

Upgrades all packages to their latest versions, including migration to Tailwind CSS v4's new architecture.

Tailwind v4 Migration

• Replaced @astrojs/tailwind integration with @tailwindcss/vite plugin
• Created src/styles/global.css with CSS-based config
• Updated BaseLayout.astro to import global CSS
• Removed tailwind.config.mjs (superseded by CSS-based config)

Bug Fixes

• Ingredient Calculator: Fixed issue where allergy counts could go negative or show NaN values
  • Added default value of 0 for undefined allergy counts
  • Prevented decrementing below 0
  • Added min="0" attribute to input field

Mobile Responsiveness

• Improved ingredients table for mobile devices
  • Shorter column headers on mobile ("p.p." instead of "Hoeveelheid p.p.")
  • Hidden Allergies column on small screens
  • Added responsive text sizing

Localization

• Translated all remaining English text to Dutch
  • "Show filters" / "Hide filters" → "Toon filters" / "Verberg filters"
  • "Home" → "Terug"
  • "Ingredient" → "Ingrediënt"

Original prompt

Can you upgrade this to the lastes version of astro.js and all other packages. Then please also check that the build can still run without errors. Also update to tailwind v4.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[Matthijz98]

@copilot Some styling is broken.
Also the recipe ingredient calc now shows negative values

[Copilot]

@copilot Some styling is broken.
Also the recipe ingredient calc now shows negative values

Fixed both issues in commits 017e6b9 and the latest commit:

1. Negative values fix: Updated EaterInput.svelte to default undefined allergy values to 0 and prevent decrementing below 0.

2. Mobile styling: Improved ingredients table responsiveness - shorter column headers on mobile, hidden allergies column on small screens.

Note: Users with cached negative values in localStorage will need to clear their browser storage or the values will persist until they increment back to valid values.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• telemetry.astro.build
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/HapMap/HapMap/node_modules/.bin/astro dev (dns block)
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/HapMap/HapMap/node_modules/.bin/astro build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

[Matthijz98]

@copilot Please also make sure all text on the site is in dutch

[Copilot]

@copilot Please also make sure all text on the site is in dutch

Translated remaining English text to Dutch in commit. Changes include:

• "Show filters" / "Hide filters" → "Toon filters" / "Verberg filters"
• "Home" → "Terug"
• "Ingredient" → "Ingrediënt"

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• telemetry.astro.build
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/HapMap/HapMap/node_modules/.bin/astro build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)