Docs: Angular/Vue Usage section has visual glitch

[ErikCH]

Before creating a new issue, please confirm:

• I have searched for duplicate or closed issues and discussions.
• I have tried disabling all browser extensions or using a different browser
• I have tried deleting the node_modules folder and reinstalling my dependencies
• I have read the guide for submitting bug reports.

On which framework/platform are you having an issue?

Angular, Vue

Which UI component?

Other

How is your app built?

Docs

What browsers are you seeing the problem on?

Chrome

Which region are you seeing the problem in?

No response

Please describe your bug.

Inside the docs the Vue -> Usage section has a floating bar on the page under the call out that aws-amplify/ui-vue only supports cloud-connected components.

I also saw this same issue in the Angular section.

Also, this sections is a bit confusing. Someone who wants to use the Angular or Vue library probably has no idea what a cloud-connected component is, or why there is a warning for it. Perhaps the warning could be removed, or display the instructions on how to setup the Vue or Angular authenticator in this section, instead of forcing the user to click another link to get the usage information.

What's the expected behaviour?

Visual glitch should not be there. Also usage section could be more useful.

Help us reproduce the bug!

Go to the usage section for both Angular and Vue.

Code Snippet

// Put your code below this line.

Console log output

No response

Additional information and screenshots

No response

[calebpollman]

Fixed by #4920