[MM-56291] Convert ./components/widgets/icons/checkbox_checked_icon.tsx from Class Component to Function Component (#25763)

* [MM-56291] Convert `./components/widgets/icons/checkbox_checked_icon.tsx` from Class Component to Function Component

* refactor: update snapshots

webapp/channels/src/components/admin_console/group_settings/__snapshots__/group_row.test.tsx.snap

@@ -15,7 +15,7 @@ exports[`components/admin_console/group_settings/GroupRow should match snapshot,
       <div
         className="group-check checked"
       >
-        <CheckboxCheckedIcon />
+        <Memo(CheckboxCheckedIcon) />
       </div>
       <span>
         name

webapp/channels/src/components/admin_console/group_settings/groups_list/__snapshots__/groups_list.test.tsx.snap

@@ -104,7 +104,7 @@ exports[`components/admin_console/group_settings/GroupsList.tsx should match sna
           className="filter-check checked"
           onClick={[Function]}
         >
-          <CheckboxCheckedIcon />
+          <Memo(CheckboxCheckedIcon) />
         </span>
         <span>
           <MemoizedFormattedMessage
@@ -120,7 +120,7 @@ exports[`components/admin_console/group_settings/GroupsList.tsx should match sna
           className="filter-check checked"
           onClick={[Function]}
         >
-          <CheckboxCheckedIcon />
+          <Memo(CheckboxCheckedIcon) />
         </span>
         <span>
           <MemoizedFormattedMessage

webapp/channels/src/components/admin_console/permission_schemes_settings/__snapshots__/permission_checkbox.test.tsx.snap

@@ -19,7 +19,7 @@ exports[`components/admin_console/permission_schemes_settings/permission_checkbo
   className="permission-check checked"
   data-testid="uniqId-checked"
 >
-  <CheckboxCheckedIcon />
+  <Memo(CheckboxCheckedIcon) />
 </div>
 `;
 
@@ -28,7 +28,7 @@ exports[`components/admin_console/permission_schemes_settings/permission_checkbo
   className="permission-check checked"
   data-testid=""
 >
-  <CheckboxCheckedIcon />
+  <Memo(CheckboxCheckedIcon) />
 </div>
 `;
 

webapp/channels/src/components/admin_console/team_channel_settings/channel/details/__snapshots__/channel_moderation.test.tsx.snap

@@ -263,7 +263,7 @@ exports[`admin_console/team_channel_settings/channel/ChannelModeration Should ma
       onClick={[Function]}
       type="button"
     >
-      <CheckboxCheckedIcon />
+      <Memo(CheckboxCheckedIcon) />
     </button>
   </td>
   <td>
@@ -273,7 +273,7 @@ exports[`admin_console/team_channel_settings/channel/ChannelModeration Should ma
       onClick={[Function]}
       type="button"
     >
-      <CheckboxCheckedIcon />
+      <Memo(CheckboxCheckedIcon) />
     </button>
   </td>
 </tr>
@@ -307,7 +307,7 @@ exports[`admin_console/team_channel_settings/channel/ChannelModeration Should ma
       onClick={[Function]}
       type="button"
     >
-      <CheckboxCheckedIcon />
+      <Memo(CheckboxCheckedIcon) />
     </button>
   </td>
 </tr>

webapp/channels/src/components/widgets/icons/checkbox_checked_icon.tsx

@@ -1,11 +1,9 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import React, {memo} from 'react';
 
-export default class CheckboxCheckedIcon extends React.PureComponent {
+const CheckboxCheckedIcon = () => (
-    render() {
-        return (
     <svg
         width='18px'
         height='18px'
@@ -57,6 +55,6 @@ export default class CheckboxCheckedIcon extends React.PureComponent {
             </g>
         </g>
     </svg>
-        );
+);
-    }
+
-}
+export default memo(CheckboxCheckedIcon);