use new naming

packages/rocketchat-livechat/client/views/sideNav/livechatFlex.html

@@ -1,7 +1,7 @@
 <template name="livechatFlex">
 	<aside class="sidebar sidebar--light" role="navigation">
 		<header class="sidebar__header">
-			{{> accountBox lighten=true id="livechat"}}
+			{{> accountBox lighten=true modifier="--livechat"}}
 			<button class="sidebar-flex__back-button" data-action="back">
 				<svg class="sidebar-flex__back-icon">
 					<use xlink:href="#icon-arrow-back"></use>

packages/rocketchat-ui-account/client/accountFlex.html

@@ -1,7 +1,7 @@
 <template name="accountFlex">
 	<aside class="sidebar sidebar--light" role="navigation">
 		<header class="sidebar__header">
-			{{> accountBox lighten=true id="account" }}
+			{{> accountBox lighten=true modifier="--account" }}
 			<button class="sidebar-flex__back-button" data-action="back">
 				<svg class="sidebar-flex__back-icon">
 					<use xlink:href="#icon-arrow-back"></use>

packages/rocketchat-ui-admin/client/adminFlex.html

@@ -1,7 +1,7 @@
 <template name="adminFlex">
 	<aside class="sidebar sidebar--light" role="navigation">
 		<header class="sidebar__header">
-			{{> accountBox lighten=true id="admin"}}
+			{{> accountBox lighten=true modifier="--admin"}}
 			<button class="sidebar-flex__back-button" data-action="back">
 				<svg class="sidebar-flex__back-icon">
 					<use xlink:href="#icon-arrow-back"></use>

packages/rocketchat-ui-sidenav/client/accountBox.html

@@ -2,13 +2,13 @@
 	<div class="sidebar__account {{#if lighten}}sidebar__account--lighten{{/if}}" aria-label="{{_ "Account"}}" role="region">
 		{{#with myUserInfo}}
 			{{#if username}}
-				<label class="sidebar__account-label" for="sidebar__account-menu-{{../id}}" data-popover="label">
+				<label class="sidebar__account-label" for="sidebar__account-menu{{../modifier}}" data-popover="label">
 					<div class="sidebar__account-thumb" data-status='{{visualStatus}}'>
 						{{> avatar username=username}}
 					</div>
 					<div class="sidebar__account-data">
 						<h3 class="sidebar__account-username {{#if ../lighten}}sidebar__account-username--lighten{{/if}}" data-username="{{username}}">@{{username}}</h3>
-						<input id="sidebar__account-menu-{{../id}}" type="checkbox" class="rc-popover-anchor" data-popover="anchor" {{isAnonymous}}>
+						<input id="sidebar__account-menu{{../modifier}}" type="checkbox" class="rc-popover-anchor" data-popover="anchor" {{isAnonymous}}>
 						<div class="rc-popover" data-popover="popover">
 							<div class="rc-popover__content">
 								<div class="rc-popover__column">