Comprehensive documentation update with practical examples and language files

[Copilot]

This PR significantly enhances the MFragment documentation to bring it up to current standards with practical, real-world examples and proper REDAXO addon structure.

Key Changes

📁 Language Files Added

• Created missing lang/ directory with German (de_de.lang) and English (en_gb.lang) language files
• Follows REDAXO conventions with proper component, media, and debugging translations
• Includes permission definitions for backend integration

📖 Enhanced Documentation

Both README files now include comprehensive practical examples:

Hero Sections & Layout Examples:

// Hero carousel with responsive images and service cards
$heroCarousel = Carousel::factory('hero-carousel')
    ->addSlide(Figure::factory()->setMedia('slide1.jpg')->setMediaManagerType('hero_21x9'))
    ->setControls(true)->setAutoplay(5000);

$servicesGrid = MFragment::factory()
    ->addDiv(Card::factory()->setImage('service.jpg', 'full_4x3')->setHeader('Web Development'));

Interactive Components:

• FAQ sections with Bootstrap Accordions
• Testimonial components with star ratings and avatars
• E-commerce product cards with pricing, badges, and inventory status

Custom Component Development:

• Complete examples showing component inheritance from AbstractComponent
• Integration with Media Manager for responsive images
• Method chaining and fluent API usage

🔧 Developer Tools & Debugging

Enhanced debugging section with practical workflows:

// Performance monitoring with detailed statistics
if (rex::isDebugMode()) {
    RenderEngine::enableDebug();
}
$stats = RenderEngine::getStats();
echo "Render calls: " . $stats['renderCalls'];

Media Manager Validation:

• Functions to validate all 360 responsive media types
• Test utilities for responsive image generation
• Debugging helpers for component development

🎨 Following REDAXO Patterns

• Code style consistent with REDAXO core and mform addon
• Proper namespacing and component organization
• Bootstrap 5 integration examples
• Media Manager best practices

📱 Responsive Media System

Detailed documentation of the 4 image series (small, half, full, hero) with:

• Breakpoint explanations
• Aspect ratio usage guidelines
• Performance optimization tips
• WebP conversion benefits

The documentation now provides developers with immediately usable, copy-paste examples for common scenarios like product grids, testimonials, FAQ sections, and complex layouts - making MFragment much more accessible for real-world projects.

Fixes #2.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[Copilot]

@skerbis 👋 This repository doesn't have Copilot instructions. With Copilot instructions, I can understand the repository better, work faster and produce higher quality PRs.

I can generate a .github/copilot-instructions.md file for you automatically. Click here to open a pre-filled issue and assign it to me. I'll write the instructions, and then tag you for review.