chore(ui5-user-menu): add sample with show second line

Author: SvilenDarvenyashki

packages/website/docs/_samples/fiori/UserMenu/Advanced/main.js

@@ -1,7 +1,7 @@
 import "@ui5/webcomponents-fiori/dist/UserMenu.js";
 import "@ui5/webcomponents-fiori/dist/UserMenuAccount.js";
 import "@ui5/webcomponents-fiori/dist/UserMenuItem.js";
-
+import "@ui5/webcomponents-fiori/dist/UserMenuItemGroup.js";
 import "@ui5/webcomponents/dist/Avatar.js";
 import "@ui5/webcomponents-fiori/dist/ShellBar.js";
 import "@ui5/webcomponents-fiori/dist/ShellBarBranding.js";
@@ -12,6 +12,7 @@ import "@ui5/webcomponents-icons/dist/collaborate.js";
 import "@ui5/webcomponents-icons/dist/official-service.js";
 import "@ui5/webcomponents-icons/dist/private.js";
 import "@ui5/webcomponents-icons/dist/accelerated.js";
+import "@ui5/webcomponents-icons/dist/message-information.js";
 
 const shellbar = document.getElementById("shellbar");
 const menu = document.getElementById("userMenu");

packages/website/docs/_samples/fiori/UserMenu/Advanced/sample.html

@@ -59,6 +59,12 @@
 	</ui5-user-menu-item>
 	<ui5-user-menu-item icon="official-service" text="Legal Information"></ui5-user-menu-item>
 	<ui5-user-menu-item icon="message-information" text="About" data-id="about"></ui5-user-menu-item>
+	<ui5-user-menu-item icon="globe" text="Language" data-id="single-select" show-selection>
+		<ui5-user-menu-item-group check-mode="Single">
+			<ui5-user-menu-item text="English" data-id="single-select-item1" checked></ui5-user-menu-item>
+			<ui5-user-menu-item text="Deutsch" data-id="single-select-item2"></ui5-user-menu-item>
+		</ui5-user-menu-item-group>
+	</ui5-user-menu-item>
 </ui5-user-menu>
 
 <!-- playground-fold -->

packages/website/docs/_samples/fiori/UserMenu/Basic/main.js

@@ -11,6 +11,7 @@ import "@ui5/webcomponents-icons/dist/collaborate.js";
 import "@ui5/webcomponents-icons/dist/official-service.js";
 import "@ui5/webcomponents-icons/dist/private.js";
 import "@ui5/webcomponents-icons/dist/accelerated.js";
+import "@ui5/webcomponents-icons/dist/message-information.js";
 
 const shellbar = document.getElementById("shellbar");
 const menu = document.getElementById("userMenu");

packages/website/docs/_samples/patterns/UXCIntegration/Basic/main.js

@@ -46,6 +46,7 @@ import "@ui5/webcomponents-fiori/dist/illustrations/NoNotifications.js";
 import "@ui5/webcomponents-fiori/dist/UserMenu.js";
 import "@ui5/webcomponents-fiori/dist/UserMenuAccount.js";
 import "@ui5/webcomponents-fiori/dist/UserMenuItem.js";
+import "@ui5/webcomponents-fiori/dist/UserMenuItemGroup.js";
 
 import "@ui5/webcomponents-fiori/dist/UserSettingsAccountView.js";
 import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceView.js";

packages/website/docs/_samples/patterns/UXCIntegration/Basic/sample.html

@@ -78,6 +78,12 @@
 				<ui5-user-menu-item text="Private Policy" data-id="privacy-policy"></ui5-user-menu-item>
 			</ui5-user-menu-item>
 			<ui5-user-menu-item icon="message-information" text="About" data-id="about"></ui5-user-menu-item>
+			<ui5-user-menu-item icon="globe" text="Language" data-id="single-select" show-selection>
+				<ui5-user-menu-item-group check-mode="Single">
+					<ui5-user-menu-item text="English" data-id="single-select-item1" checked></ui5-user-menu-item>
+					<ui5-user-menu-item text="Deutsch" data-id="single-select-item2"></ui5-user-menu-item>
+				</ui5-user-menu-item-group>
+			</ui5-user-menu-item>
 		</ui5-user-menu>
 
         <ui5-side-navigation id="side-navigation" class="sideNavigation" slot="sideContent" accessible-name="Main">