fix(app-nav-bar): resolve forward ref error

[williamernest]

Fixes #4082

Fixes the following error printed in the console when opening the dropdown or drawer menu.
Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/uber-ui-platform/baseweb/GRGe6yAcHbZGehJnWbzXTTYMEKVZ
✅ Preview: https://baseweb-git-fixappnav-uber-ui-platform.vercel.app

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 475822c:

Sandbox	Source
Basic usage	Configuration
sleepy-napier-isn4e	Issue #4082

[UberOpenSourceBot]

Visual changes were detected on this branch. Please review the following PR containing updated snapshots: #4476

[UberOpenSourceBot]

Visual changes were detected on this branch. Please review the following PR containing updated snapshots: #4476

[UberOpenSourceBot]

Visual changes have been resolved. #4476 has been closed. If future commits on fix_app_nav trigger visual changes, a new snapshot branch will be created and a new PR will be opened.