MenuBar: Menu Icon in mobile view is shown even though there are no items in model

[tfohlmeister]

Describe the bug

While the menu bar handles empty or NULL values for [model] gracefully in normal situations, once switched to the mobile view (max-width <= 960px) a menu-icon is shown no matter what.

It is confusing to a user if the menu bar shows this menu-icon and even displays a menu stub on click but no content is rendered.

Environment

Default / standard

Reproducer

https://stackblitz.com/edit/github-lcf9ws

Angular version

14.2.1

PrimeNG version

14.1.2

Build / Runtime

Angular CLI App

Language

ALL

Node version (for AoT issues node --version)

16.16.0

Browser(s)

No response

Steps to reproduce the behavior

1. Use my example from https://stackblitz.com/edit/github-lcf9ws
2. Click menu icon (burger menu)
3. You see a menu sub popping up below the icon

Expected behavior

When the model input on menubar is falsely or an empty array, the menu icon should never be visible.