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",