[PRAC/cont] Add output "row-msg" on err/server

Output/add "row-msg" to clients tbl, when data err/loading from server.

Worth noting:
  - thus improving the UX.

core: B-3 / JS-BL

Author: matowdev

core-courses/3-js-basic-level/practicum-js-basic-level/sb-crm-client/css/crm-output.css

@@ -58,6 +58,10 @@
   cursor: pointer;
 }
 
+/* .table-hover tbody tr:not(.table-dark) {
+  --bs-table-hover-bg: rgba(0, 0, 0, 0.02) !important;
+} */
+
 .crm__output-table .crm__output-table-head-cell {
   padding: 8px 8px;
   text-align: start;
@@ -350,6 +354,10 @@
     opacity: 1;
   }
 
+  /* .crm__output-table-body-row:hover {
+    border-bottom: 1px solid var(--main-purple);
+  } */
+
   .crm__output-table-body-cell_contacts-item-i:hover:not(:active) {
     color: var(--dark-purple);
   }

core-courses/3-js-basic-level/practicum-js-basic-level/sb-crm-client/js/index.js

@@ -249,10 +249,15 @@
       const data = await response.json(); // преобразование данных в JSON-формат
       clientsDataArrWithIds = addLocalIdsToClients(data); // добавление поля localId
 
-      addClientsToTable(clientsDataArrWithIds); // отрисовка данных, наполнение таблицы клиентов
+      if (clientsDataArrWithIds.length > 0) {
+        addClientsToTable(clientsDataArrWithIds); // отрисовка данных, наполнение таблицы клиентов
+      } else {
+        outTableBody.append(createEmptyTableMessageRow()); // если данных нет, вывод/добавление "пустой" строки
+      }
     } catch (error) {
       console.error('Не удалось загрузить список клиентов..', error);
-      alert('Ошибка при загрузке данных с сервера!?');
+      outTableBody.innerHTML = ''; // очистка таблицы
+      outTableBody.append(createEmptyTableMessageRow()); // если ошибка, вывод/добавление "пустой" строки
     }
   }
 
@@ -334,7 +339,7 @@
 
     emptyTableTdCell.colSpan = 6; // объединение всех колонок
     emptyTableTdCell.textContent =
-      'Пусто.. измените фильтрацию, добавьте клиента!?';
+      'Пусто.. измените фильтрацию, добавьте клиента!? Запустите сервер?';
     emptyTableTdCell.style.fontWeight = '500';
     emptyTableTdCell.style.fontSize = '16px';
     emptyTableTdCell.style.color = '#dc3545';