fix: Fix thumbnail rendering issues (#2058)

- Closes #2054

src/components/thumbnail/details.ts

@@ -40,27 +40,29 @@ export class AdvancedCameraCardThumbnailDetails extends LitElement {
     const heading = this._controller.getHeading();
     const details = this._controller.getDetails();
 
-    return html`<div class="details">
+    return html`
       ${heading
-        ? html` <div class="title">
+        ? html` <div class="heading">
             <span title=${heading}>${heading}</span>
           </div>`
         : ``}
       ${details
-        ? details.map(
-            (detail) =>
-              html`<div>
-                ${detail.icon
-                  ? html` <advanced-camera-card-icon
-                      title=${detail.hint ?? ''}
-                      .icon=${detail.icon}
-                    ></advanced-camera-card-icon>`
-                  : ''}
-                <span>${detail.title}</span>
-              </div>`,
-          )
+        ? html` <div class="details">
+            ${details.map(
+              (detail) =>
+                html`<div>
+                  ${detail.icon
+                    ? html` <advanced-camera-card-icon
+                        title=${detail.hint ?? ''}
+                        .icon=${detail.icon}
+                      ></advanced-camera-card-icon>`
+                    : ''}
+                  <span>${detail.title}</span>
+                </div>`,
+            )}
+          </div>`
         : ''}
-    </div> `;
+    `;
   }
 
   static get styles(): CSSResult {

src/components/thumbnail/feature/feature.ts

@@ -58,8 +58,8 @@ export class AdvancedCameraCardThumbnailFeature extends LitElement {
             class="${thumbnailClasses}"
             .hass=${this.hass}
             .thumbnail=${this._controller.getThumbnail()}
-            aria-label=${this._controller.getTitle() ?? ''}
-            title=${this._controller.getTitle() ?? ''}
+            aria-label=${this.item?.getTitle() ?? ''}
+            title=${this.item?.getTitle() ?? ''}
           ></advanced-camera-card-thumbnail-feature-thumbnail>`
         : this._controller.getIcon()
           ? html`<advanced-camera-card-icon

src/components/thumbnail/thumbnail.ts

@@ -96,7 +96,6 @@ export class AdvancedCameraCardThumbnail extends LitElement {
 
     return html`
       <advanced-camera-card-thumbnail-feature
-        aria-label=${this.item.getTitle() ?? ''}
         .cameraManager=${this.cameraManager}
         .hasDetails=${this.details}
         .hass=${this.hass}