Sidebar profile picture fix alignment in RTL languages (#27578)

* Fix floor entities count

* Fix rtl profile picture

src/components/ha-sidebar.ts

@@ -876,13 +876,20 @@ class HaSidebar extends SubscribeMixin(LitElement) {
         }
 
         ha-md-list-item.user {
-          --md-list-item-leading-icon-size: 40px;
-          --md-list-item-leading-space: 4px;
+          --md-list-item-leading-space: 0;
+          --md-list-item-trailing-space: 0;
         }
 
         ha-user-badge {
           flex-shrink: 0;
-          margin-right: -8px;
+          display: flex;
+          justify-content: center;
+          width: 100%;
+        }
+
+        ha-user-badge::part(picture) {
+          width: 40px;
+          height: 40px;
         }
 
         .spacer {

src/components/user/ha-user-badge.ts

@@ -54,6 +54,7 @@ class UserBadge extends LitElement {
           backgroundImage: `url(${this.hass.hassUrl(picture)})`,
         })}
         class="picture"
+        part="picture"
       ></div>`;
     }
     const initials = computeUserInitials(this.user.name);