feat: dictate replies from mobile Search preview (Closes #953)

frontend/index.html

@@ -546,6 +546,22 @@
     <section class="search-preview-reply" aria-labelledby="search-preview-reply-title" hidden>
       <h2 id="search-preview-reply-title">Reply</h2>
       <textarea id="search-preview-reply" maxlength="10000" placeholder="Write a reply"></textarea>
+      <section class="voice-conversation" id="voice-search-reply" aria-label="Dictate search result reply" hidden>
+        <div class="voice-conversation-controls">
+          <button id="start-voice-search-reply" type="button">Dictate reply</button>
+          <button id="stop-voice-search-reply" type="button" hidden>Stop listening</button>
+        </div>
+        <div id="voice-search-reply-status" class="small" aria-live="polite"></div>
+        <div class="voice-conversation-review" id="voice-search-reply-review" hidden>
+          <label for="voice-search-reply-transcript">Review transcript</label>
+          <textarea id="voice-search-reply-transcript" maxlength="10000"></textarea>
+          <div class="voice-conversation-review-actions">
+            <button id="append-voice-search-reply" type="button">Use transcript</button>
+            <button id="replace-with-voice-search-reply" type="button" hidden>Replace draft</button>
+            <button id="discard-voice-search-reply" type="button">Discard</button>
+          </div>
+        </div>
+      </section>
       <div id="search-preview-reply-status" class="small" aria-live="polite"></div>
       <div class="search-preview-reply-actions">
         <button id="send-search-preview-reply" type="button">Send</button>