#24774 Converted ./plugins/rhs_plugin/rhs_plugin.tsx to Function Component (#24802)

* #24774 Converted ./plugins/rhs_plugin/rhs_plugin.tsx to Function Component

* Fixed the lint errors and removed explicit FC type

* Added memo to make the functional component pure.

webapp/channels/src/plugins/rhs_plugin/rhs_plugin.tsx

@@ -13,26 +13,24 @@ export type Props = {
     title: React.ReactNode;
 }
 
-export default class RhsPlugin extends React.PureComponent<Props> {
+const RhsPlugin = ({showPluggable, pluggableId, title}: Props) => {
-    render() {
     return (
         <div
             id='rhsContainer'
             className='sidebar-right__body'
         >
             <SearchResultsHeader>
-                    {this.props.title}
+                {title}
             </SearchResultsHeader>
             {
-                    this.props.showPluggable &&
+                showPluggable &&
-                    <>
                 <Pluggable
                     pluggableName='RightHandSidebarComponent'
-                            pluggableId={this.props.pluggableId}
+                    pluggableId={pluggableId}
                 />
-                    </>
             }
         </div>
     );
-    }
+};
-}
+
+export default React.memo(RhsPlugin);