fix: margins between expansion panels

Fixes that the assistant button was throwing off the margins between the expansion panels, because they use sibling selectors for it and the button was between the panels.

Author: crisbeto

report-app/src/app/pages/report-viewer/report-viewer.html

@@ -182,18 +182,6 @@ <h4>Repair System Prompt</h4>
       </expansion-panel>
     }
 
-    <button #aiAssistButton class="fab" (click)="isAiAssistantVisible.set(true)">
-      <span class="material-symbols-outlined">smart_toy</span>
-    </button>
-
-    @defer (on interaction(aiAssistButton)) {
-      <app-ai-assistant
-        [class.hidden]="!isAiAssistantVisible()"
-        [reportGroupId]="reportGroupId()"
-        (close)="isAiAssistantVisible.set(false)"
-      />
-    }
-
     @if (missingDeps().length > 0) {
       <expansion-panel size="large" class="root-section">
         <expansion-panel-header>
@@ -238,6 +226,18 @@ <h4>Logs</h4>
       </expansion-panel>
     }
 
+    <button #aiAssistButton class="fab" (click)="isAiAssistantVisible.set(true)">
+      <span class="material-symbols-outlined">smart_toy</span>
+    </button>
+
+    @defer (on interaction(aiAssistButton)) {
+      <app-ai-assistant
+        [class.hidden]="!isAiAssistantVisible()"
+        [reportGroupId]="reportGroupId()"
+        (close)="isAiAssistantVisible.set(false)"
+      />
+    }
+
     <h2>Generated applications</h2>
     @if (allFailedChecks().length > 0) {
       <details class="filter-dropdown" #dropdown>