♻️ Mobile | Improve code input when answering quizzes

[zacharykeeping]

1. What triggered this change? (PBI link, Email Subject, conversation + reason, etc)

Closes #925

2. What was changed?

1. Sets the keyboard to "Plain" on the Editor for quizzes to make it easier to input code without autocorrect getting in the way.
2. Replaces special characters like em dashes and curly quotes in the inputted text as the keyboard's Smart Punctuation can insert these and cause issues when code is expected, like in the linked issue.

3. Did you do pair or mob programming?

No

[AntPolkanov]

Thanks for fixing it! Finally the CSS quiz will stop failing :)

Just there is one thing I wanted to discuss with you. If the Smart Punctuation rules change in the future iOS release, we will have to update this code. Can please just disable Smart Punctuation on iOS?

We can update the EditorHandler in MauiProgram.cs:

Microsoft.Maui.Handlers.EditorHandler.Mapper.AppendToMapping(nameof(Editor), (handler, editor) =>
        {
            handler.PlatformView.TintColor = UIKit.UIColor.FromRGB(204,65,65);
            handler.PlatformView.SmartDashesType = UITextSmartDashesType.No;
            handler.PlatformView.SmartQuotesType = UITextSmartQuotesType.No;
        });
        ```

[zacharykeeping]

Thanks for fixing it! Finally the CSS quiz will stop failing :)

Just there is one thing I wanted to discuss with you. If the Smart Punctuation rules change in the future iOS release, we will have to update this code. Can please just disable Smart Punctuation on iOS?

We can update the EditorHandler in MauiProgram.cs:

Microsoft.Maui.Handlers.EditorHandler.Mapper.AppendToMapping(nameof(Editor), (handler, editor) =>
        {
            handler.PlatformView.TintColor = UIKit.UIColor.FromRGB(204,65,65);
            handler.PlatformView.SmartDashesType = UITextSmartDashesType.No;
            handler.PlatformView.SmartQuotesType = UITextSmartQuotesType.No;
        });
        ```

Done - I've added this code.

[AntPolkanov]

Thanks 👍 🚀