fix(ui-top-nav-bar): fix focus ring not showing when closing a dropdown

The issue was likely that TopNavBarItem did not enter the focused state because its rerendered a
lot. This fix does not use the onFocus React event rather sets withFocusoutline to undefined so the
focus ring is added via CSS

Fixes INSTUI-4587

Author: matyasf

packages/ui-color-utils/tsconfig.build.json

@@ -9,6 +9,6 @@
   "references": [
     {
       "path": "../ui-babel-preset/tsconfig.build.json"
-    },
+    }
   ]
 }

packages/ui-top-nav-bar/src/TopNavBar/TopNavBarItem/index.tsx

@@ -435,7 +435,7 @@ class TopNavBarItem extends Component<TopNavBarItemProps, TopNavBarItemState> {
         this.handleItemRef(e as HTMLButtonElement | HTMLLinkElement)
       },
       withFocusOutline:
-        withFocusOutline || this.hasOpenPopover || this.state.isFocused
+        withFocusOutline || this.hasOpenPopover ? true : undefined
     }
   }