💄 improve food page

[BuildmodeOne]

🤖[deprecated] Generated by Copilot at bfddde1

Summary

🔐🌐🍽️

This pull request enhances the food feature of the app by reducing the data size, removing deprecated headers, adding translation and meta tags, improving the UI and error handling, and fixing some compatibility issues with Node 17. It modifies food-utils.js, next.config.js, [...mealId].jsx, Meals.module.css, .npmrc, and the food.json files in the locales folder.

Node and next change Translations and food data Autumn cleaning code

Walkthrough

• Add node option to use legacy OpenSSL provider for compatibility with Node 17 (link)
• Remove unused additions property from unified food entries to reduce data transfer (link)
• Simplify logic for adding additional property to unified meal object (link)
• Update and remove deprecated permission policy features from next.config.js (link, link)
• Remove unnecessary prefetch-src directive from content security policy header (link)
• Add id and locale props to Food component and use them for meta tags (link, link, link)
• Add useState and useEffect hooks to manage backAvailable state for navbar (link)
• Add validNutrition variable and UnknownMeal component to handle meals without data or not found (link, link, link, link, link)
• Add plus sign to price for additional options (link)
• Move h6 tag outside p tag to fix HTML structure (link)
• Flatten data array before mapping over meals and add formatName function for meta description (link)
• Add id and locale props to getStaticProps function and reduce revalidate time (link)
• Add German and English translations for unknown meal message and meta description template (link, link)
• Add min-height style to app body and styles for unknown container, icon, and title (link, link)