Helper for loading in Lovelace HA or HUI components

[ChevronTango]

Custom Card writers struggle with loading in components from the frontend that they would like to use in their cards. There are a few hacks that involve preloading the partial-panel-resolver and loading routes through it, but these are all workarounds to the larger problem that components need to be loaded first.

Some users report that there card starts working correctly and the components load once they've navigated the UI to another card or panel that contains those same components, so the only issue is how users can access those components in their own cards.

An example of a component not available on UI load:

# Workaround exists
      <ha-entity-picker
          class="add-entity"
          .hass=${this.hass}
          @value-changed=${this._addEntity}
      ></ha-entity-picker>

# No Workaround exists that I can find
      <hui-sub-element-editor
         .hass=${this._hass}
         .config=${this._subElementEditorConfig}
         @go-back=${this._goBack}
         @config-changed=${this._handleSubElementChanged}
      ></hui-sub-element-editor>

if the components can be referenced by custom cards in some way, or a loader function created to help