fix: fix BarVisualizer barBorderRadius and height calculation (#272)

* fix: fix BarVisualizer not respecting barBorderRadius option

* fix: correct height calculation for bar visualizer

Author: davidliu

src/components/BarVisualizer.tsx

@@ -149,7 +149,7 @@ export const BarVisualizer = ({
   let bars: React.ReactNode[] = [];
   magnitudes.forEach((value, index) => {
     let coerced = Math.min(opts.maxHeight, Math.max(opts.minHeight, value));
-    let coercedPercent = Math.min(100, Math.max(0, coerced * 100 + 5));
+    let coercedPercent = Math.min(100, Math.max(0, coerced * 100));
     let opacity = opacityAnimations[index] ?? new Animated.Value(0.3);
     let barStyle = {
       opacity: opacity,
@@ -160,11 +160,7 @@ export const BarVisualizer = ({
     bars.push(
       <Animated.View
         key={index}
-        style={[
-          { height: `${coercedPercent}%` },
-          barStyle,
-          styles.volumeIndicator,
-        ]}
+        style={[{ height: `${coercedPercent}%` }, barStyle]}
       />
     );
   });
@@ -177,9 +173,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'space-evenly',
   },
-  volumeIndicator: {
-    borderRadius: 12,
-  },
 });
 
 export const useBarAnimator = (