Issue Summary

The reading order of the tooltip content do not follow the visual order it's coding order is incorrect.

Steps to Reproduce

1. Navigate to the "Projects" dropdown present in the header section.
2. Navigate to the "View all projects" option and select it.
3. Observe that "View all projects' page has been appeared on the page.
4. Navigate to the tooltip icon "Show user information" in the table and activate it.
5. Using screen reader, try to access the tooltip content.
6. Check that the tooltip content is available at the end of the page. 

Actual Results

The tooltip content such as "Admin Admin" text, "admin@fakeatlassian.com" email link, and so on is available at the end of the page for screen reader and keyboard-only users as the order of the tooltip <div> element is placed at the end of the source code inappropriately.

Expected Results

Placed the tooltip content immediately after the "Show user information" button element which triggers the tooltip content.

Code Snippet

<button class="aui-button aui-button-text user-hover-trigger" rel="admin" aria-label="Show user information" aria-haspopup="dialog" resolved=""><span class="aui-icon aui-icon-small aui-iconfont-info-filled user-hover-trigger-icon"></span></button>
<div class="user-hover-avatar">
<a id="avatar-image-link" title="admin" href="/secure/ViewProfile.jspa?name=admin">
<img alt="admin" class="avatar-image" src="https://www.gravatar.com/avatar/dac3582b036e18b911d98494b925c9b7?d=mm&amp;s=48" width="48" height="48">
</a>
</div>
(...)
</div>

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest