fix(user_status): separate user menu and dashboard status layout for HTML validation

[ShGKme]

• Resolves: A part of https://github.com/nextcloud/andy/issues/5

Error: Attribute href not allowed on element button at this point.

Summary

UserStatus component is used in both User Menu (2 entries) and Dashboard status widget. It reuses layout, but the usage is quite different.

User Menu Entries	Dashboard Status Widget

TODO

• Separate layout for user menu and dashboard. This allows to:
  • Remove href="#" from a button for HTML validation
  • Use @nextcloud/vue NcButton instead of custom button in Dashboard for better looking (status icon is in the center, button size is the same as other buttons)

Before	After

Checklist

• Code is properly formatted
• Sign-off message is added to all commits
• Tests (unit, integration, api and/or acceptance) are included
• Screenshots before/after for front-end changes
• Documentation (manuals or wiki) has been updated or is not required
• Backports requested where applicable (ex: critical bugfixes)

[ShGKme]

Rebased onto master, resolved assets conflicts

[JuliaKirschenheuter]

failed Cypress is unrelated

[JuliaKirschenheuter]

/backport to stable28

[backportbot-nextcloud]

The backport to stable28 failed. Please do this backport manually.

# Switch to the target branch and update it
git checkout stable28
git pull origin stable28

# Create the new backport branch
git checkout -b fix/foo-stable28

# Cherry pick the change from the commit sha1 of the change against the default branch
# This might cause conflicts. Resolve them.
git cherry-pick abc123

# Push the cherry pick commit to the remote repository and open a pull request
git push origin fix/foo-stable28

Error: Unknown error

More info at https://docs.nextcloud.com/server/latest/developer_manual/getting_started/development_process.html#manual-backport

[ShGKme]

/backport to stable28

This PR was done before 29, it is in 28 already.