The delete button was previously either:
- A raw action-row outside any section-toggle (!hasTranscript case)
- Inside the transcript section-content (hasTranscript case)
- Inside playSection which had no corresponding toggle button

Now each case has the delete button in its own '🗑️ Delete Recording'
section-toggle with a proper section-content wrapper, consistent
with the structured transcript section pattern.

@@ -1910,4 +1934,3 @@
                                     </button>
                                     <div class="section-content" id="transcript-${escapeHtml(folder.name)}" style="display:none">
                                         <div class="action-row">
-                                            <button class="action-btn delete" title="Delete" onclick="deleteFolder('${escapeHtml(folder.name)}')">🗑️</button>

@@ -1787,4 +1800,3 @@
                     </button>
                     <div class="section-content" id="cur-transcript" style="display:none">
                         <div class="action-row">
-                            <button class="action-btn delete" title="Delete recording" onclick="deleteFolder('${escapeHtml(session.folderName)}')">🗑️</button>

@@ -1774,3 +1774,2 @@
                     </button>
-                    <div class="action-row">
-                        <button class="action-btn delete" title="Delete" onclick="deleteFolder('${escapeHtml(session.folderName)}')">🗑️</button>
+                    <button class="section-toggle" onclick="toggleSection(this, 'cur-recording-actions')">

@@ -1896,6 +1904,14 @@
                                     <button class="section-toggle transcribe" onclick="playRecording('${escapeHtml(folder.name)}')">
                                         ▶️ Play Recording
                                     </button>
+                                    <button class="section-toggle" onclick="toggleSection(this, 'recording-actions-${escapeHtml(folder.name)}')">