Refactor home panel editor

[piitaya]

Proposed change

Consistency pass over the Home panel editor dialog from #51407:

• Unified section layout: each section uses the same header + description + dedicated editor component.
• Drag-to-reorder on favorites and custom shortcuts.
• Welcome message now displayed at the top of the Personalize group, matching the dashboard order.
• "Suggested entities" toggle is disabled when favorites fill the section.
• Cleaned up the common-controls section strategy: removed the show_predicted

Screenshots

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion: Home dashboard: enable/disable entities suggestion #51407
• Link to documentation pull request:
• Link to developer documentation pull request:
• Link to backend pull request:

Checklist

• I understand the code I am submitting and can explain how it works.
• The code change is tested and works locally.
• There is no commented out code in this PR.
• I have followed the [perfect PR recommendations][perfect-pr]
• Any generated code has been carefully reviewed for correctness and compliance with project standards.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for [www.home-assistant.io][docs-repository]

To help with the load of incoming pull requests:

• I have reviewed two other [open pull requests][prs] in this repository.

[piitaya]

@pcan08 here's the PR.

[pcan08]

It looks nice. IMO the dialog could be wider on desktop with 2 columns.

• The first for welcome message & favorites+suggestion settings
• The second with summaries et shortcuts settings

[pcan08]

I suggest

            <ha-settings-row slim>
              <ha-icon
                slot="prefix"
                .icon=${item.icon}
                style=${styleMap({ "--mdc-icon-size": "24px", color })}
              ></ha-icon>
              <span slot="heading">${label}</span>
              <ha-switch
                .checked=${!hidden.has(item.key)}
                .summary=${item.key}
                @change=${this._toggleChanged}
              ></ha-switch>
            </ha-settings-row>

[pcan08]

and replace with

    ha-settings-row {
      padding: var(--ha-space-2) 0;
      gap: var(--ha-space-3);
      --settings-row-prefix-display: contents;
    }

[timmo001]

A few function signature types, removes the need for type assertion

Extra assignments possibly not needed now function signatures are accurate also

---

The extension did a bad job at these suggestions, might need tweaking

[piitaya]

@pcan08 I used the ha-settings-row. For the 2 columns, I'm not sure as we are using expandable.