feat: enhance env validation error screen with improved UI and helpful

[Zarmaijemimah]

feat: enhance env validation error screen with improved UI and helpful links

[Zarmaijemimah]

close #1157

Enhance Environment Variable Validation Error Screen

Summary

Improved the MisconfigurationScreen component to provide a better user experience when required environment variables are missing.

Changes Made

• Enhanced UI design with improved card layout and spacing
• Added missing variable count display in the section header
• Improved visual hierarchy with better styled error cards using red borders and backgrounds
• Added two action buttons with icons for quick access to:
  • Setup instructions documentation
  • .env.example file reference
• Made the screen more responsive with flexbox layout
• Increased max-width for better readability on larger screens
• Updated text for clarity: "Configuration Required" instead of "App Misconfiguration"

Technical Details

• Modified frontend/src/components/MisconfigurationScreen.tsx
• Enhanced accessibility with better visual indicators
• Improved dark mode support with proper color contrasts
• Added responsive design for mobile and desktop views

Testing

The error screen now displays when required environment variables (VITE_FACTORY_CONTRACT_ID, VITE_TOKEN_WASM_HASH, VITE_IPFS_API_KEY, VITE_IPFS_API_SECRET) are missing, showing clear instructions and helpful links to resolve configuration issues.