[MM-54831] Convert LocalizedInput of 'rename_channel_modal.tsx' to regular input component (#24874)

webapp/channels/src/components/rename_channel_modal/__snapshots__/rename_channel_modal.test.tsx.snap

@@ -65,18 +65,13 @@ exports[`components/RenameChannelModal should match snapshot 1`] = `
             id="rename_channel.displayName"
           />
         </label>
-        <LocalizedInput
+        <input
           aria-label="display name"
           className="form-control"
           id="display_name"
           maxLength={64}
           onChange={[Function]}
-          placeholder={
+          placeholder="Enter display name"
-            Object {
-              "defaultMessage": "Enter display name",
-              "id": "rename_channel.displayNameHolder",
-            }
-          }
           type="text"
           value="Fake Channel"
         />

webapp/channels/src/components/rename_channel_modal/rename_channel_modal.tsx

@@ -11,7 +11,6 @@ import type {Channel} from '@mattermost/types/channels';
 import type {ServerError} from '@mattermost/types/errors';
 import type {Team} from '@mattermost/types/teams';
 
-import LocalizedInput from 'components/localized_input/localized_input';
 import OverlayTrigger from 'components/overlay_trigger';
 import Tooltip from 'components/tooltip';
 
@@ -33,10 +32,6 @@ const holders = defineMessages({
         id: 'rename_channel.defaultError',
         defaultMessage: ' - Cannot be changed for the default channel',
     },
-    displayNameHolder: {
-        id: 'rename_channel.displayNameHolder',
-        defaultMessage: 'Enter display name',
-    },
 });
 
 type Props = {
@@ -291,13 +286,16 @@ export class RenameChannelModal extends React.PureComponent<Props, State> {
                                     defaultMessage='Display Name'
                                 />
                             </label>
-                            <LocalizedInput
+                            <input
                                 onChange={this.onDisplayNameChange}
                                 type='text'
                                 ref={this.getTextbox}
                                 id='display_name'
                                 className='form-control'
-                                placeholder={holders.displayNameHolder}
+                                placeholder={formatMessage({
+                                    id: 'rename_channel.displayNameHolder',
+                                    defaultMessage: 'Enter display name',
+                                })}
                                 value={this.state.displayName}
                                 maxLength={Constants.MAX_CHANNELNAME_LENGTH}
                                 aria-label={formatMessage({id: 'rename_channel.displayName', defaultMessage: 'Display Name'}).toLowerCase()}