some app controls, format preserve, start of autotune speed

Assets/web/src/App.js

@@ -49,7 +49,7 @@ import PropTypes from "prop-types";
 import * as Juce from "juce-framework-frontend";
 
 import "./App.css";
-import { KnobPercentage } from "./Components/KnobPercentage";
+// import { KnobPercentage } from "./Components/KnobPercentage";
 
 // Custom attributes in React must be in all lower case
 const controlParameterIndexAnnotation = "controlparameterindex";
@@ -107,10 +107,6 @@ function JuceSlider({ identifier, title }) {
       <Typography sx={{ mt: 1.5 }}>
         {properties.name}: {sliderState.getScaledValue()} {properties.label}
       </Typography>
-      <KnobPercentage theme="stone" label={properties.name} />
-      <p>
-        {sliderState.getScaledValue()} {properties.label}
-      </p>
       <Slider
         aria-label={title}
         value={value}
@@ -423,7 +419,7 @@ function App() {
     <div>
       <Container>
         <JuceSlider identifier="formantSlider" title="Formant" />
-        <JuceSlider identifier="cutoffSlider" title="Cutoff" />
+        <JuceSlider identifier="autoTuneSpeedSlider" title="Auto Tune Speed" />
       </Container>
       <CardActions style={{ justifyContent: "center" }}>
         <Button