[PRAC/cont] Add tooltips for cells

Initializing Tippy for header tbl cells.

Worth noting:
  - attempts to realize different variants of tooltips placement, depending on the change of the screen width.

core: B-3 / JS-BL

Author: matowdev

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

@@ -80,6 +80,11 @@
 
 .crm__output-table #table-th-contact {
   width: 145px;
+  cursor: default;
+}
+
+.crm__output-table #table-th-action {
+  cursor: default;
 }
 
 .crm__o-table-head-cell:focus-visible {

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

@@ -12,5 +12,6 @@
 
 .tippy-box[data-theme~="main"] .tippy-arrow {
   margin-top: -1px;
+  margin-right: -1px;
   color: var(--main-purple);
 }

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

@@ -27,7 +27,7 @@
 
     // инициализация Tippy только/для #search-logo (в зависимости от ширины экрана)
     function initTippyForSearchLogo() {
-      const isSmallWidth = window.matchMedia('(max-width: 320px)').matches;
+      const isSmallWidth = window.matchMedia('(max-width: 320px)').matches; // уточнение ширины
       const searchLogo = document.querySelector('#search-logo');
 
       if (isSmallWidth && searchLogo && !searchLogo._tippy) {
@@ -41,7 +41,21 @@
 
     // инициализация Tippy для/всех "остальных" элементов (без учёта ширины экрана)
     function initTippyForOther() {
-      // initTippy('#another-element', 'Подсказка для другого элемента', 'right');
+      initTippy('#hash-tag-title', 'сбросить сортировку', 'bottom', {
+        offset: [0, 2],
+      });
+      initTippy('#table-th-id', 'сортировать ⇵', 'bottom', {
+        offset: [0, 2],
+      });
+      initTippy('#table-th-fio', 'сортировать ⇵', 'bottom', {
+        offset: [0, 2],
+      });
+      initTippy('#table-th-dt', 'сортировать ⇵', 'bottom', {
+        offset: [0, 2],
+      });
+      initTippy('#table-th-change', 'сортировать ⇵', 'bottom', {
+        offset: [0, 2],
+      });
     }
 
     initTippyForSearchLogo();