Improve readability, grammar, and MDX best practices in Chapter 1 Introduction #487

Description:
The Chapter 1 Introduction page contains correct information, but it can be improved in terms of readability, grammar, accessibility, and MDX best practices.

While reviewing docs/chapter1/introduction.mdx, several areas were identified where the documentation could be clearer, more consistent, and easier to maintain.

Issues Identified:

Language & Grammar

• “electronic engineers” → “electronics engineers”
• “play with digital circuit simulations” → “experiment with digital circuit simulations”
• “yield their curiosity” → “satisfy their curiosity”
• “high class learning experience” → “high-quality learning experience”

Readability & Structure

• Some paragraphs are lengthy; split into smaller, logical sections
• Page lacks clear subheadings (e.g., Classroom Management, Community & Collaboration)
• Repeated words like “different” can be reduced for better flow

Accessibility & Best Practices

• Images lack descriptive alt text
• <div align="center"> is deprecated; use Markdown-compatible alternatives
• Raw <iframe> embeds may cause layout issues on smaller screens

MDX / Documentation Consistency

• Inline HTML elements (iframe, div) could be replaced with MDX-friendly components
• Improving consistency makes documentation easier to maintain and contribute to

Proposed Solution:

• Improve grammar and sentence clarity
• Add meaningful section headings
• Add descriptive alt text to all images
• Replace deprecated HTML with MDX-friendly formatting
• Provide fallback links or optional embedding for external content