[PRAC/cont] Add highlights to el in "focus" states

Organiz highlights at "focus" for "all" row-contacts, contacts-item.

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

@@ -172,6 +172,10 @@
   height: 65px;
 }
 
+.crm__output-table-body-row:focus-visible {
+  outline: solid rgba(152, 115, 255, 0.5);
+}
+
 .crm__output-table-body-row .crm__output-table-body-cell_id {
   padding-left: 15px;
   color: var(--text-gray);
@@ -212,6 +216,16 @@
   transition-timing-function: ease;
 }
 
+.crm__output-table-body-cell_contacts-item:focus-within {
+  border: none;
+  border-bottom: 1px solid var(--light-purple);
+  outline: none;
+}
+
+.crm__output-table-body-cell_contacts-item:focus-within .crm__output-table-body-cell_contacts-item-i {
+  color: var(--dark-purple);
+}
+
 .table-row-contacts-icon {
   position: absolute;
   top: 0;