Conform `_AppsDrawer.pcss` to our naming policy - move styles specific to `mx_AppTileMenuBar` to be nested inside it (#10877)

* Nest: mx_AppTileMenuBar

* Run prettier

res/css/views/rooms/_AppsDrawer.pcss

@@ -198,9 +198,8 @@ limitations under the License.
     width: 100%;
     padding-top: 3px;
     padding-bottom: 6px;
-}
 
-.mx_AppTileMenuBar_title {
+    .mx_AppTileMenuBar_title {
         line-height: 20px;
         white-space: nowrap;
         overflow: hidden;
@@ -213,16 +212,16 @@ limitations under the License.
         > :last-child {
             margin-left: 9px;
         }
-}
+    }
 
-.mx_AppTileMenuBar_widgets {
+    .mx_AppTileMenuBar_widgets {
         float: right;
         display: flex;
         flex-direction: row;
         align-items: center;
-}
+    }
 
-.mx_AppTileMenuBar_iconButton {
+    .mx_AppTileMenuBar_iconButton {
         --size: 24px; /* Size of the button. Its height and width values should be same */
 
         margin: 0 4px;
@@ -271,6 +270,7 @@ limitations under the License.
         &.mx_AppTileMenuBar_iconButton--menu::before {
             mask-image: url("$(res)/img/element-icons/room/ellipsis.svg");
         }
+    }
 }
 
 .mx_AppTileBody,