Fix unresolved Material Symbols icon names in frontend (#6443)

frontend/editor/src/core/components/tools/sign/SignSettings.tsx

@@ -1137,7 +1137,7 @@ const SignSettings = ({
               gap: "0.4rem",
             }}
           >
-            <LocalIcon icon="pause-rounded" width={20} height={20} />
+            <LocalIcon icon="pause-circle-rounded" width={20} height={20} />
             <Text component="span" size="sm" fw={500}>
               {translate("mode.pause", "Pause placement")}
             </Text>

frontend/editor/src/core/components/viewer/CommentsSidebar.tsx

@@ -125,7 +125,7 @@ const TOOL_ICON_MAP: Record<string, string> = {
   squiggly: "show-chart",
   ink: "edit",
   inkHighlighter: "brush",
-  square: "crop-square",
+  square: "crop-square-outline",
   circle: "radio-button-unchecked",
   line: "show-chart",
   lineArrow: "show-chart",
@@ -144,7 +144,7 @@ function getIconByType(type: number | undefined): string {
   if (type === 1) return "comment";
   if (type === 3) return "sticky-note-2";
   if (type === 4 || type === 8) return "show-chart";
-  if (type === 5) return "crop-square";
+  if (type === 5) return "crop-square-outline";
   if (type === 6) return "radio-button-unchecked";
   if (type === 7 || type === 8) return "change-history";
   if (type === 9) return "highlight";

frontend/editor/src/core/tools/annotate/AnnotationPanel.tsx

@@ -259,7 +259,7 @@ export function AnnotationPanel(props: AnnotationPanelProps) {
     {
       id: "square",
       label: t("annotation.square", "Square"),
-      icon: "crop-square",
+      icon: "crop-square-outline",
     },
     {
       id: "circle",

frontend/editor/src/proprietary/components/shared/config/configSections/AdminDatabaseSection.tsx

@@ -797,11 +797,7 @@ export default function AdminDatabaseSection() {
                     </Button>
                     <Button
                       leftSection={
-                        <LocalIcon
-                          icon="cloud-upload"
-                          width="1rem"
-                          height="1rem"
-                        />
+                        <LocalIcon icon="upload" width="1rem" height="1rem" />
                       }
                       onClick={handleCreateBackup}
                       loading={creatingBackup}

frontend/editor/src/saas/components/tools/sign/SignSettings.tsx

@@ -1169,11 +1169,7 @@ const SignSettings = ({
               gap: "0.4rem",
             }}
           >
-            <LocalIcon
-              icon="material-symbols:pause-rounded"
-              width={20}
-              height={20}
-            />
+            <LocalIcon icon="pause-circle-rounded" width={20} height={20} />
             <Text component="span" size="sm" fw={500}>
               {translate("mode.pause", "Pause placement")}
             </Text>
@@ -1197,11 +1193,7 @@ const SignSettings = ({
               gap: "0.4rem",
             }}
           >
-            <LocalIcon
-              icon="material-symbols:play-arrow-rounded"
-              width={20}
-              height={20}
-            />
+            <LocalIcon icon="play-arrow-rounded" width={20} height={20} />
             <Text component="span" size="sm" fw={500}>
               {translate("mode.resume", "Resume placement")}
             </Text>