NethVoice: improve accessibility in Dashboard

[AmaLuci]

Create a mockup for parent issue: #7217

[AmaLuci]

The changes aim to align the dashboard's design with NethVoice CTI for consistency, while enhancing usability and compliance with accessibility guidelines.

1. Update Device Icons
   Replace current icons with updated versions that differentiate between device types:

• Phone: fa-fax
• Web phone: fa-headphones
• Mobile app: fa-mobile
• Desktop phone: fa-desktop

2. Status Color Adjustments
   Change the "online" status color from the primary color (emerald) to the dedicated status color: Green (green-500)

3. Add Status Labels
   Introduce textual labels (e.g., "Online," "Offline") next to the status indicator dot
   Online: green-500
   Offline: gray-500
   Busy: red-500
   DND: gray-950

4. Add Tooltips for Device Type
   Include tooltips on device icons to indicate the specific type of device (e.g., "Web phone," "Desktop phone").
   Tooltips should appear on hover.

5. Simplify Settings Component
   Modify the device display in the Settings section to show only the device icon.
   Remove the status indicator in this context, as the status is not required here.

Mockups

[edospadoni]

Mockups OK