fix: adjust styles for audio chat mode and microphone button behavior

Author: yaroslav8765

custom/ChatSurface.vue

@@ -119,8 +119,8 @@
             }"            
           >
             <div 
-              class="w-full border rounded-lg pb-8 dark:bg-gray-700"
-              :class="agentStore.isAudioChatMode ? 'border-none mt-8' : 'border'"  
+              class="w-full border rounded-lg pb-8"
+              :class="agentStore.isAudioChatMode ? 'border-none mt-8' : 'border dark:bg-gray-700'"  
             >
               <textarea
                 v-if="!agentStore.isAudioChatMode"

custom/speech_recognition_frontend/MicrophoneButon.vue

@@ -91,8 +91,10 @@ async function onStartRecording() {
   microphoneButtonMode.value = 'calibrating';
   await requestMicAndStartVAD(saidSomething, stopRecording, onAnySound);
   setTimeout(() => {
-    microphoneButtonMode.value = 'listen';
-    agentAudio.playBeep(1000);
+    if (isAudioChatMode.value) {
+      microphoneButtonMode.value = 'listen';
+      agentAudio.playBeep(1000);
+    }
   }, CALIBRATION_DURATION);
 }