Add device identity tooltips and MAC validation

src/web/styles/features/devices.css

@@ -277,7 +277,7 @@
   min-width: 0;
   display: flex;
   align-items: center;
-  overflow: hidden;
+  overflow: visible;
   margin: 0;
   gap: 5px;
   font: var(--type-item-title);
@@ -314,6 +314,12 @@
   cursor: text;
 }
 
+.client-device-alias-trigger.is-custom-name {
+  font: var(--type-section-title);
+  letter-spacing: var(--type-section-title-tracking);
+  text-transform: var(--type-section-title-transform);
+}
+
 .client-device-alias-input {
   width: var(--alias-width);
   min-width: 1px;
@@ -324,9 +330,9 @@
   outline: 0;
   background: transparent;
   caret-color: var(--client-accent);
-  font: var(--type-item-title);
-  letter-spacing: var(--type-item-title-tracking);
-  text-transform: var(--type-item-title-transform);
+  font: var(--type-section-title);
+  letter-spacing: var(--type-section-title-tracking);
+  text-transform: var(--type-section-title-transform);
   animation: client-device-alias-edit-in 360ms cubic-bezier(0.16, 1, 0.3, 1);
 }