fix(multi-org): no HR line when switch button hidden (#5509)

Author: ChitlangeSahas

src/identity/components/GlobalHeader/GlobalHeaderDropdown/index.tsx

@@ -107,7 +107,6 @@ export class GlobalHeaderDropdown extends React.Component<Props, State> {
     const {mainMenuOptions} = this.props
     return (
       <div>
-        <hr className="line-break" />
         {mainMenuOptions.map(value => {
           const iconEl = <Icon glyph={value.iconFont} className="button-icon" />
           const textEl = <span>{value.name}</span>
@@ -172,27 +171,30 @@ export class GlobalHeaderDropdown extends React.Component<Props, State> {
       >
         {/* Multi-org UI tickets #4051 and #4047, when user only has 1 account or 1 org, switch button is disabled */}
         {!onlyRenderSubmenu && typeAheadMenuOptions.length > 1 && (
-          <Dropdown.Item
-            onClick={this.toggleShowTypeAheadMenu}
-            className="global-header--switch-button"
-          >
-            <FlexBox
-              justifyContent={JustifyContent.SpaceBetween}
-              alignItems={AlignItems.Center}
+          <>
+            <Dropdown.Item
+              onClick={this.toggleShowTypeAheadMenu}
+              className="global-header--switch-button"
             >
-              <span className="global-header--align-center">
-                {iconEl}
-                {textEl}
-              </span>
-              {showTypeAheadMenu === false && (
-                <Icon
-                  glyph={IconFont.CaretRight_New}
-                  className="button-icon"
-                  style={{marginRight: 0}}
-                />
-              )}
-            </FlexBox>
-          </Dropdown.Item>
+              <FlexBox
+                justifyContent={JustifyContent.SpaceBetween}
+                alignItems={AlignItems.Center}
+              >
+                <span className="global-header--align-center">
+                  {iconEl}
+                  {textEl}
+                </span>
+                {showTypeAheadMenu === false && (
+                  <Icon
+                    glyph={IconFont.CaretRight_New}
+                    className="button-icon"
+                    style={{marginRight: 0}}
+                  />
+                )}
+              </FlexBox>
+            </Dropdown.Item>
+            <hr className="line-break" />
+          </>
         )}
         {showTypeAheadMenu
           ? this.renderTypeAheadMenu()