Add audio input and recording functionality to App.jsx

src/App.jsx

@@ -293,6 +293,20 @@ export default function App() {
   const dbPickerRef = useRef(null)
   const imageInputRef = useRef(null)
   const imageDragDepthRef = useRef(0)
+  const [audioInputEnabled, setAudioInputEnabled] = useState(false)
+  const [audioInputDeviceId, setAudioInputDeviceId] = useState('')
+  const [isRecordingAudio, setIsRecordingAudio] = useState(false)
+  const [isTranscribingAudio, setIsTranscribingAudio] = useState(false)
+  const [audioRecordingMs, setAudioRecordingMs] = useState(0)
+  const audioRecorderRef = useRef(null)
+  const audioStreamRef = useRef(null)
+  const audioChunksRef = useRef([])
+  const audioStopPromiseRef = useRef(null)
+  const audioRecorderMimeTypeRef = useRef('')
+  const audioTickTimerRef = useRef(null)
+  const audioAutoStopTimerRef = useRef(null)
+  const audioStartedAtRef = useRef(0)
+  const audioTranscriptionAbortRef = useRef(null)
   const [backendApiUrl, setBackendApiUrl] = useState(API); // State for Heimgeist backend URL
   const [colorScheme, setColorScheme] = useState('Default'); // State for color scheme
   const [streamOutput, setStreamOutput] = useState(false);