Render brand icon for repairs based on issue_domain (#13290)

src/data/repairs.ts

@@ -7,6 +7,7 @@ import type { DataEntryFlowStep } from "./data_entry_flow";
 
 export interface RepairsIssue {
   domain: string;
+  issue_domain?: string;
   issue_id: string;
   active: boolean;
   is_fixable: boolean;

src/panels/config/repairs/ha-config-repairs.ts

@@ -44,7 +44,7 @@ class HaConfigRepairs extends LitElement {
           (issue) => html`
             <ha-list-item
               twoline
-              graphic="avatar"
+              graphic="medium"
               .hasMeta=${!this.narrow}
               .issue=${issue}
               class=${issue.ignored ? "ignored" : ""}
@@ -53,7 +53,7 @@ class HaConfigRepairs extends LitElement {
               <img
                 loading="lazy"
                 src=${brandsUrl({
-                  domain: issue.domain,
+                  domain: issue.issue_domain || issue.domain,
                   type: "icon",
                   useFallback: true,
                   darkOptimized: this.hass.themes?.darkMode,
@@ -114,6 +114,9 @@ class HaConfigRepairs extends LitElement {
     .ignored {
       opacity: var(--light-secondary-opacity);
     }
+    ha-list-item {
+      --mdc-list-item-graphic-size: 40px;
+    }
     button.show-more {
       color: var(--primary-color);
       text-align: left;