[MM-55327]: Convert /components/permissions_gates/team_permission_gate/team_permission_gate.tsx from Class Component to Function Component (#25395)

* fix: convert to func component

* fix: update failing test snapshots

* Handle tests better

* Standarize all gates

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
Co-authored-by: Daniel Espino García <larkox@gmail.com>

webapp/channels/src/plugins/test/__snapshots__/main_menu_action.test.tsx.snap

@@ -12,7 +12,7 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
     style={Object {}}
   >
     <Memo(MenuGroup)>
-      <Connect(SystemPermissionGate)
+      <Memo(SystemPermissionGate)
         permissions={
           Array [
             "sysconsole_write_billing",
@@ -22,10 +22,10 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
         <MenuCloudTrial
           id="menuCloudTrial"
         />
-      </Connect(SystemPermissionGate)>
+      </Memo(SystemPermissionGate)>
     </Memo(MenuGroup)>
     <Memo(MenuGroup)>
-      <Connect(SystemPermissionGate)
+      <Memo(SystemPermissionGate)
         permissions={
           Array [
             "sysconsole_write_about_edition_and_license",
@@ -35,7 +35,7 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
         <MenuStartTrial
           id="startTrial"
         />
-      </Connect(SystemPermissionGate)>
+      </Memo(SystemPermissionGate)>
     </Memo(MenuGroup)>
     <Memo(MenuGroup)>
       <MenuItemAction
@@ -114,7 +114,7 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
       />
     </Memo(MenuGroup)>
     <Memo(MenuGroup)>
-      <Connect(TeamPermissionGate)
+      <Memo(TeamPermissionGate)
         permissions={
           Array [
             "manage_team",
@@ -141,8 +141,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
           show={true}
           text="Add Groups to Team"
         />
-      </Connect(TeamPermissionGate)>
-      <Connect(TeamPermissionGate)
+      </Memo(TeamPermissionGate)>
+      <Memo(TeamPermissionGate)
         permissions={
           Array [
             "add_user_to_team",
@@ -172,10 +172,10 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
           show={true}
           text="Invite People"
         />
-      </Connect(TeamPermissionGate)>
+      </Memo(TeamPermissionGate)>
     </Memo(MenuGroup)>
     <Memo(MenuGroup)>
-      <Connect(TeamPermissionGate)
+      <Memo(TeamPermissionGate)
         permissions={
           Array [
             "manage_team",
@@ -202,8 +202,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
           show={true}
           text="Team Settings"
         />
-      </Connect(TeamPermissionGate)>
-      <Connect(TeamPermissionGate)
+      </Memo(TeamPermissionGate)>
+      <Memo(TeamPermissionGate)
         permissions={
           Array [
             "manage_team",
@@ -235,8 +235,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
           show={true}
           text="Manage Groups"
         />
-      </Connect(TeamPermissionGate)>
-      <Connect(TeamPermissionGate)
+      </Memo(TeamPermissionGate)>
+      <Memo(TeamPermissionGate)
         permissions={
           Array [
             "remove_user_from_team",
@@ -264,8 +264,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
           show={true}
           text="Manage Members"
         />
-      </Connect(TeamPermissionGate)>
-      <Connect(TeamPermissionGate)
+      </Memo(TeamPermissionGate)>
+      <Memo(TeamPermissionGate)
         invert={true}
         permissions={
           Array [
@@ -294,10 +294,10 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
           show={true}
           text="View Members"
         />
-      </Connect(TeamPermissionGate)>
+      </Memo(TeamPermissionGate)>
     </Memo(MenuGroup)>
     <Memo(MenuGroup)>
-      <Connect(SystemPermissionGate)
+      <Memo(SystemPermissionGate)
         permissions={
           Array [
             "create_team",
@@ -315,7 +315,7 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
           text="Create a Team"
           to="/create_team"
         />
-      </Connect(SystemPermissionGate)>
+      </Memo(SystemPermissionGate)>
       <MenuItemLink
         icon={
           <i
@@ -441,7 +441,7 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
     style={Object {}}
   >
     <Memo(MenuGroup)>
-      <Connect(TeamPermissionGate)
+      <Memo(TeamPermissionGate)
         permissions={
           Array [
             "manage_team",
@@ -463,8 +463,8 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
           show={true}
           text="Add Groups to Team"
         />
-      </Connect(TeamPermissionGate)>
-      <Connect(TeamPermissionGate)
+      </Memo(TeamPermissionGate)>
+      <Memo(TeamPermissionGate)
         permissions={
           Array [
             "add_user_to_team",
@@ -490,8 +490,8 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
           show={true}
           text="Invite People"
         />
-      </Connect(TeamPermissionGate)>
-      <Connect(TeamPermissionGate)
+      </Memo(TeamPermissionGate)>
+      <Memo(TeamPermissionGate)
         permissions={
           Array [
             "manage_team",
@@ -513,8 +513,8 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
           show={true}
           text="Team Settings"
         />
-      </Connect(TeamPermissionGate)>
-      <Connect(TeamPermissionGate)
+      </Memo(TeamPermissionGate)>
+      <Memo(TeamPermissionGate)
         permissions={
           Array [
             "manage_team",
@@ -541,8 +541,8 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
           show={true}
           text="Manage Groups"
         />
-      </Connect(TeamPermissionGate)>
-      <Connect(TeamPermissionGate)
+      </Memo(TeamPermissionGate)>
+      <Memo(TeamPermissionGate)
         permissions={
           Array [
             "remove_user_from_team",
@@ -565,8 +565,8 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
           show={true}
           text="Manage Members"
         />
-      </Connect(TeamPermissionGate)>
-      <Connect(TeamPermissionGate)
+      </Memo(TeamPermissionGate)>
+      <Memo(TeamPermissionGate)
         invert={true}
         permissions={
           Array [
@@ -590,7 +590,7 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
           show={true}
           text="View Members"
         />
-      </Connect(TeamPermissionGate)>
+      </Memo(TeamPermissionGate)>
       <MenuItemLink
         id="joinTeam"
         show={true}
@@ -614,7 +614,7 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
       />
     </Memo(MenuGroup)>
     <Memo(MenuGroup)>
-      <Connect(SystemPermissionGate)
+      <Memo(SystemPermissionGate)
         permissions={
           Array [
             "create_team",
@@ -630,7 +630,7 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
           text="Create a Team"
           to="/create_team"
         />
-      </Connect(SystemPermissionGate)>
+      </Memo(SystemPermissionGate)>
       <Memo(MenuGroup)>
         <div
           className="MainMenu_dropdown-link"