Replace batch of legacy icons with compound design tokens (#31360)

* Replace element-icons/call/dialpad.svg with compound

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Replace element-icons/call/hangup.svg with compound

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Replace element-icons/call/video-call.svg with compound

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Replace element-icons/call/voice-call.svg with compound

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Replace element-icons/cloud-off.svg with compound

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Replace element-icons/eye.svg with compound

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Remove debug

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

Author: t3chguy

playwright/snapshots/settings/room-settings/room-video-tab.spec.ts/room-video-settings-linux.png

@@ -125,11 +125,11 @@ Please see LICENSE files in the repository root for full details.
                 &::before {
                     content: "";
                     position: absolute;
-                    top: 8px;
-                    left: 8px;
-                    width: 16px;
-                    height: 16px;
-                    mask-image: url("$(res)/img/element-icons/call/dialpad.svg");
+                    top: 6px;
+                    left: 6px;
+                    width: 20px;
+                    height: 20px;
+                    mask-image: url("@vector-im/compound-design-tokens/icons/dial-pad.svg");
                     mask-position: center;
                     mask-size: contain;
                     mask-repeat: no-repeat;

playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-checked-linux.png

@@ -13,7 +13,7 @@ Please see LICENSE files in the repository root for full details.
 }
 
 .mx_RoomSettingsDialog_voiceIcon::before {
-    mask-image: url("$(res)/img/element-icons/call/voice-call.svg");
+    mask-image: url("@vector-im/compound-design-tokens/icons/voice-call-solid.svg");
 }
 
 .mx_RoomSettingsDialog_securityIcon::before {

playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-unchecked-linux.png

@@ -78,7 +78,7 @@ Please see LICENSE files in the repository root for full details.
         }
 
         .mx_SpaceSettingsDialog_visibilityIcon::before {
-            mask-image: url("$(res)/img/element-icons/eye.svg");
+            mask-image: url("@vector-im/compound-design-tokens/icons/visibility-on.svg");
         }
     }
 }

playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-voice-toast-linux.png

@@ -27,7 +27,7 @@ Please see LICENSE files in the repository root for full details.
             content: "";
             margin-right: 8px;
             background-color: $secondary-content;
-            mask-image: url("$(res)/img/element-icons/eye.svg");
+            mask-image: url("@vector-im/compound-design-tokens/icons/visibility-on.svg");
             display: inline-block;
             width: 18px;
             height: 14px;

playwright/snapshots/voip/pstn.spec.ts/dialpad-linux.png

@@ -51,7 +51,7 @@ Please see LICENSE files in the repository root for full details.
     vertical-align: middle;
     content: "";
     background-color: $secondary-content;
-    mask-image: url("$(res)/img/element-icons/call/video-call.svg");
+    mask-image: url("@vector-im/compound-design-tokens/icons/video-call-solid.svg");
     mask-size: 16px;
     width: 16px;
     height: 16px;