Problem with loading new frontend using HACS user interface

Configuration Frontend
1
  1. I realized a few minutes ago Lovelace has 2 modes, .storage and yaml
  2. tbh, I have no idea what modes mean as well
  3. I upgraded my HA to the latest version and now have to get some things to work, otherwise my HA has totally broken down
  4. I’m trying to load the fan-mode-button-row in HACS and error was it cannot load properly
  5. Below is my lovelace_resources file and I don’t see fan-mode-button-row in it.
{
  "version": 1,
  "minor_version": 1,
  "key": "lovelace_resources",
  "data": {
    "items": [
      {
        "url": "/hacsfiles/fan-control-entity-row/fan-control-entity-row.js?hacstag=19166315023",
        "type": "module",
        "id": "aaa0f6c2f35b4cf3ab6784fc32c5299f"
      },
      {
        "url": "/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110",
        "type": "module",
        "id": "16aacf4db7cc48c5847644b0d3a8152a"
      },
      {
        "url": "/hacsfiles/simple-thermostat/simple-thermostat.js?hacstag=158654878250",
        "type": "module",
        "id": "9bec19f7338b4c86bf962374146f8abb"
      }
    ]
  }
}

Google led to several broken links, and as a last resort, I decided post here.

If someone would be so kind as to explain why the HAC UI isn’t able to add in fan-mode-button-row, and how I can make everything just UI based.

Thank you.

2

I went to Settings, Dashboard, and Resources to manually add /hacsfiles/fan-mode-button-row/fan-mode-button-row.js and that seemed to have loaded it properly