[MM-53650] Add disable emoticon rendering setting to webapp (#29414)

* add renderEmoticonsAsEmoji to post_markdown

* add renderEmoticonsAsEmoji to preferences, config

* add EnableRenderEmoticonsAsEmoji to GenerateClientConfig

* add EnableRenderEmoticonsAsEmoji to TeamSettings

* create renderEmoticonsAsEmoji component

* update translation file

* update tests

* add tests for RenderEmoticonsAsEmoji

* remove unused prop

* remove unused variables

* add test cases for undefined/false values for renderemoticonsasemoji

* switch strings from backticks to single quotes

* Update webapp/channels/src/components/user_settings/display/render_emoticons_as_emoji/render_emoticons_as_emoji.tsx

Co-authored-by: Harrison Healey <harrisonmhealey@gmail.com>

* Update webapp/channels/src/components/user_settings/display/render_emoticons_as_emoji/render_emoticons_as_emoji.tsx

Co-authored-by: Harrison Healey <harrisonmhealey@gmail.com>

* Update webapp/channels/src/components/user_settings/display/render_emoticons_as_emoji/render_emoticons_as_emoji.tsx

Co-authored-by: Harrison Healey <harrisonmhealey@gmail.com>

* Update webapp/channels/src/utils/emoticons.tsx

Co-authored-by: Harrison Healey <harrisonmhealey@gmail.com>

* remove server setting

* remove usestate

* update i18n

* remove config setting

* fix broken test

* fix focus edit button logic

* update tests for when render emoticons option is undefined

* remove config usage from selectors

* update setting display text

* remove 'automatically' from setting description

* use default from preferences instead of hardcoded true

* update component snapshot

* remove renderemoticonsasemoji = true from emoticons tests

* Apply suggestions from code review

* Switch from useEffect to useDidUpdate

* Run fix-style

* Add RenderEmoticonsAsEmoji component to test spec

* Rewrite RenderEmoticonsAsEmoji to mirror ManageTimezones and ManageLanguages

* Update UserSettingsDisplay snapshot

* Switch test to renderWithContext, update props

* Move options into const objects

* Wrap functions in useCallback

---------

Co-authored-by: Harrison Healey <harrisonmhealey@gmail.com>
Co-authored-by: Mattermost Build <build@mattermost.com>

e2e-tests/cypress/tests/integration/channels/accessibility/accessibility_account_settings_spec.js

@@ -50,6 +50,7 @@ describe('Verify Accessibility Support in different sections in Settings and Pro
             {key: 'click_to_reply', label: 'Click to open threads', type: 'radio'},
             {key: 'channel_display_mode', label: 'Channel Display', type: 'radio'},
             {key: 'one_click_reactions_enabled', label: 'Quick reactions on messages', type: 'radio'},
+            {key: 'renderEmoticonsAsEmoji', label: 'Render emoticons as emojis', type: 'radio'},
             {key: 'languages', label: 'Language', type: 'dropdown'},
         ],
         sidebar: [