refactor(bem): replace Block/Elem with cn() in Label.jsx

Migrated Label component from Block/Elem to cn() helper.
- Replaced Block/Elem imports with cn import
- Replaced <Block name="label" tag="span"> with <span className={cn("label")...}>
- Replaced <Elem tag="span" name="text"> with <span className={cn("label").elem("text")...}>
- Replaced <Elem tag="span" name="hotkey"> with <span className={cn("label").elem("hotkey")...}>
- Preserved ref, mods, mix, style, onClick, and all props
- No behavior change, equivalent class strings

Author: luarmr

web/libs/editor/src/components/Label/Label.jsx

@@ -1,6 +1,6 @@
 import chroma from "chroma-js";
 import React, { useMemo } from "react";
-import { Block, Elem } from "../../utils/bem";
+import { cn } from "../../utils/bem";
 import { asVars } from "../../utils/styles";
 
 import "./Label.scss";
@@ -36,25 +36,22 @@ export const Label = React.forwardRef(
     }, [color]);
 
     return (
-      <Block
-        tag="span"
+      <span
         ref={ref}
-        name="label"
-        mod={{ empty, hidden, selected, clickable: !!onClick, margins }}
-        mix={className}
+        className={cn("label").mod({ empty, hidden, selected, clickable: !!onClick, margins }).mix(className).toClassName()}
         style={styles}
         onClick={onClick}
         {...rest}
       >
-        <Elem tag="span" name="text">
+        <span className={cn("label").elem("text").toClassName()}>
           {children}
-        </Elem>
+        </span>
         {hotkey ? (
-          <Elem tag="span" name="hotkey">
+          <span className={cn("label").elem("hotkey").toClassName()}>
             {hotkey}
-          </Elem>
+          </span>
         ) : null}
-      </Block>
+      </span>
     );
   },
 );