Update button class name so it doesn't conflict with Monaco (#1536)

Avoids this: 

![image](https://github.com/user-attachments/assets/49b214e4-7dde-4c3a-be5d-0de7afe30dcc)

frontend/app/block/block.scss

@@ -124,9 +124,9 @@
                     opacity: 0.7;
                     flex-grow: 1;
 
-					&.flex-nogrow {
-						flex-grow: 0;
-					}
+                    &.flex-nogrow {
+                        flex-grow: 0;
+                    }
 
                     &.preview-filename {
                         direction: rtl;
@@ -166,7 +166,7 @@
                         flex: 1 2 auto;
                         overflow: hidden;
                         padding-right: 4px;
-						@include mixins.ellipsis()
+                        @include mixins.ellipsis();
                     }
 
                     .connecting-svg {
@@ -211,12 +211,12 @@
                             }
                         }
 
-                        .button {
+                        .wave-button {
                             margin-left: 3px;
                         }
 
                         // webview specific. for refresh button
-                        .iconbutton {
+                        .wave-iconbutton {
                             height: 100%;
                             width: 27px;
                             display: flex;
@@ -226,7 +226,7 @@
                     }
 
                     .menubutton {
-                        .button {
+                        .wave-button {
                             font-size: 11px;
                         }
                     }
@@ -373,7 +373,7 @@
                         }
                     }
 
-                    .button:last-child {
+                    .wave-button:last-child {
                         margin-top: 1.5px;
                     }
                 }

frontend/app/element/button.scss

@@ -3,7 +3,7 @@
 
 @use "../mixins.scss";
 
-.button {
+.wave-button {
     // override default button appearance
     border: 1px solid transparent;
     outline: 1px solid transparent;

frontend/app/element/button.tsx

@@ -32,7 +32,7 @@ const Button = memo(
                 <Component
                     ref={btnRef}
                     tabIndex={disabled ? -1 : 0}
-                    className={clsx("button", finalClassName)}
+                    className={clsx("wave-button", finalClassName)}
                     disabled={disabled}
                     {...props}
                 >

frontend/app/element/iconbutton.scss

@@ -1,4 +1,4 @@
-.iconbutton {
+.wave-iconbutton {
     display: flex;
     cursor: pointer;
     opacity: 0.7;

frontend/app/element/iconbutton.tsx

@@ -16,7 +16,7 @@ export const IconButton = memo(
         return (
             <button
                 ref={ref}
-                className={clsx("iconbutton", className, decl.className, {
+                className={clsx("wave-iconbutton", className, decl.className, {
                     disabled: decl.disabled,
                     "no-action": decl.noAction,
                 })}

frontend/app/element/menubutton.scss

@@ -2,7 +2,7 @@
     overflow: hidden;
     .menu-anchor {
         width: 100%;
-        .button {
+        .wave-button {
             width: 100%;
             div {
                 max-width: 100%;

frontend/app/modals/about.scss

@@ -48,7 +48,7 @@
             align-items: flex-start;
             gap: 10px;
 
-            .button {
+            .wave-button {
                 display: flex;
                 align-items: center;
 

frontend/app/modals/modal.scss

@@ -65,7 +65,7 @@
         padding-top: 16px;
         border-top: 1px solid rgba(255, 255, 255, 0.1);
 
-        .button:last-child {
+        .wave-button:last-child {
             margin-left: 8px;
         }
     }

frontend/app/tab/tab.scss

@@ -81,7 +81,7 @@
         }
     }
 
-    .button {
+    .wave-button {
         position: absolute;
         top: 50%;
         right: 4px;

frontend/app/tab/updatebanner.scss

@@ -1,4 +1,4 @@
-.button {
+.wave-button {
     color: black;
     background-color: var(--accent-color);
     flex: 0 0 fit-content;