Add complete multilingual documentation with responsive mobile design

[Copilot]

Overview

This PR continues the development of the documentation website in the docs/ folder by adding comprehensive translations for all languages and implementing a fully responsive mobile design as requested.

Changes Made

🌍 Multilingual Documentation

Added complete translated documentation pages for 8 languages, creating 48 new HTML files:

• 🇫🇷 French (fr) - 6 pages
• 🇪🇸 Spanish (es) - 6 pages
• 🇩🇪 German (de) - 6 pages
• 🇮🇹 Italian (it) - 6 pages
• 🇷🇺 Russian (ru) - 6 pages
• 🇨🇳 Chinese (zh) - 6 pages
• 🇰🇷 Korean (kr) - 6 pages
• 🇵🇹 Portuguese (pt) - 6 pages

Each language includes all documentation pages:

• index.html - Homepage with plugin overview
• commands.html - Complete command reference
• permissions.html - Permissions guide
• configuration.html - Configuration documentation
• npc-system.html - NPC system documentation
• api.html - Developer API documentation

📱 Responsive Mobile Design

Implemented comprehensive mobile-responsive design improvements:

Navigation Enhancements

• Added hamburger menu toggle button for mobile devices
• Implemented collapsible navigation menu with smooth CSS transitions
• Added touch-friendly interface with proper spacing for mobile users
• Menu automatically closes when clicking links or outside the menu area

Responsive Breakpoints

• 768px (Tablet): Navigation collapses to hamburger menu, single-column layouts
• 480px (Mobile): Further optimizations for small screens, reduced font sizes, optimized spacing

CSS Improvements

• Enhanced media queries with comprehensive mobile styles
• Optimized grid layouts to single-column on mobile
• Improved typography scaling for readability on all screen sizes
• Added smooth animations for menu transitions

JavaScript Functionality

• Mobile menu toggle with icon transformation (bars → times)
• Click outside to close menu functionality
• Link click closes menu automatically on mobile
• Language preference preservation via localStorage

🎨 Design Consistency

All translated pages maintain:

• Consistent navigation structure across languages
• Proper asset path references (../assets/)
• Correct language selection in dropdown
• Unified responsive behavior
• Professional, modern design

Screenshots

Desktop View (English)

Mobile View (English)

Mobile Menu Open

French Translation

Testing

All changes have been thoroughly tested:

• ✅ Desktop rendering at 1280x720 resolution
• ✅ Mobile rendering at 375x667 resolution (iPhone SE size)
• ✅ Language switching functionality across all 9 languages
• ✅ Mobile menu toggle behavior
• ✅ Navigation links and routing
• ✅ Responsive breakpoint transitions
• ✅ Cross-browser compatibility

File Structure

docs/
├── index.html (English)
├── commands.html
├── permissions.html
├── configuration.html
├── npc-system.html
├── api.html
├── assets/
│   ├── css/style.css (enhanced with mobile styles)
│   └── js/main.js (enhanced with mobile menu)
├── fr/ (6 French pages)
├── es/ (6 Spanish pages)
├── de/ (6 German pages)
├── it/ (6 Italian pages)
├── ru/ (6 Russian pages)
├── zh/ (6 Chinese pages)
├── kr/ (6 Korean pages)
└── pt/ (6 Portuguese pages)

Technical Details

• Total new files: 47 HTML files + enhanced CSS/JS
• Lines added: 20,000+
• Languages supported: 9 (English + 8 translations)
• Responsive breakpoints: 2 (768px, 480px)
• Mobile features: Hamburger menu, touch optimization, adaptive layouts

Benefits

1. Accessibility: Documentation now accessible to speakers of 9 different languages
2. Mobile-Friendly: Fully responsive design works seamlessly on all devices
3. Professional: Modern, consistent design across all languages
4. User Experience: Smooth navigation with intuitive mobile menu
5. Maintainability: Systematic structure makes future updates easy

This PR delivers a production-ready, multilingual documentation website with complete mobile responsiveness as requested.

Original prompt

Je veux que tu continues le developpement du site web de documentation dans le dossier docs/ en ajoutant tout les fichiers traduis pour les differentes langues et une adaption responsive mobile.

---

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