Enhance note management: add corrected transcript field, update UI for reading mode, and improve archive display

frontend/index.html

@@ -50,6 +50,7 @@
         <div class="capture-modes" role="tablist" aria-label="Note type">
           <button id="voice-mode" class="capture-mode active" type="button" role="tab" aria-selected="true" aria-controls="voice-panel">Voice</button>
           <button id="write-mode" class="capture-mode" type="button" role="tab" aria-selected="false" aria-controls="write-panel">Write</button>
+          <button id="read-mode" class="capture-mode" type="button" role="tab" aria-selected="false" aria-controls="archive-section">Read</button>
         </div>
         <div id="voice-panel" role="tabpanel" aria-labelledby="voice-mode">
         <div class="recorder-row">
@@ -82,7 +83,7 @@
         </div>
       </section>
 
-      <section class="queue-section" aria-labelledby="queue-title">
+      <section id="queue-section" class="queue-section" aria-labelledby="queue-title">
         <div class="section-heading">
           <div><span class="section-kicker">ON THIS DEVICE</span><h2 id="queue-title">Upload queue <span id="queue-count">0</span></h2></div>
           <button id="sync-button" class="icon-button" type="button" title="Sync queued recordings" aria-label="Sync queued recordings">↻</button>
@@ -91,7 +92,7 @@
         <p id="queue-empty" class="empty-state">New recordings wait here until the server confirms they’re stored.</p>
       </section>
 
-      <section class="archive-section" aria-labelledby="archive-title">
+      <section id="archive-section" class="archive-section" aria-labelledby="archive-title">
         <div class="section-heading archive-heading">
           <div><span class="section-kicker">SERVER STORED</span><h2 id="archive-title">Saved notes</h2></div>
         </div>