fix(react,styles): Revert unintentional classname change to BarVisualizer (#1271)

Author: thomasyuill-livekit

.changeset/tame-readers-hope.md

@@ -0,0 +1,5 @@
+---
+'@livekit/components-react': patch
+---
+
+Revert unintentional classname change on BarVisualizer

packages/react/src/components/participant/BarVisualizer.tsx

@@ -112,7 +112,7 @@ export const BarVisualizer = /* @__PURE__ */ React.forwardRef<HTMLDivElement, Ba
     { state, options, barCount = 15, trackRef, track, children, ...props }: BarVisualizerProps,
     ref,
   ) {
-    const elementProps = mergeProps(props, { className: 'lk-audio-visualizer-bar' });
+    const elementProps = mergeProps(props, { className: 'lk-audio-bar-visualizer' });
     let targetTrack: TrackReferenceOrPlaceholder | LocalAudioTrack | RemoteAudioTrack | undefined =
       useMaybeTrackRefContext();
 

packages/styles/scss/components/participant/_audio-visualizer.scss

@@ -29,7 +29,7 @@ deprecated
   }
 }
 
-.audio-visualizer-bar {
+.audio-bar-visualizer {
   display: flex;
   align-items: center;
   justify-content: center;

packages/styles/scss/prefabs/control-bar.scss

@@ -16,7 +16,7 @@
   --va-bar-width: 2px;
   --va-bar-gap: 4px;
   --va-bar-border-radius: 1px;
-  & .audio-visualizer-bar {
+  & .audio-bar-visualizer {
     & .audio-bar.highlighted {
       filter: none;
     }