fix(ai): move answer actions below the answer footer

Author: tharropoulos

packages/docsearch-react/src/AskAiScreen.tsx

@@ -145,15 +145,15 @@ function AskAiExchangeCard({
 
           {wasStopped && <p className="DocSearck-AskAiScreen-MessageContent-Stopped">{stoppedStreamingText}</p>}
         </div>
-        <div className="DocSearch-AskAiScreen-Answer-Footer">
-          <AskAiScreenFooterActions
-            id={userMessage?.id || exchange.id}
-            showActions={showActions}
-            latestAssistantMessageContent={assistantContent?.text || null}
-            translations={translations}
-            conversations={conversations}
-          />
-        </div>
+      </div>
+      <div className="DocSearch-AskAiScreen-Answer-Footer">
+        <AskAiScreenFooterActions
+          id={userMessage?.id || exchange.id}
+          showActions={showActions}
+          latestAssistantMessageContent={assistantContent?.text || null}
+          translations={translations}
+          conversations={conversations}
+        />
       </div>
 
       {/* Sources for this exchange */}

packages/docsearch-react/src/Sidepanel/ConversationScreen.tsx

@@ -117,14 +117,13 @@ const ConversationExchange = React.forwardRef<HTMLDivElement, ConversationnExcha
 
             {wasStopped && <p className="DocSearck-AskAiScreen-MessageContent-Stopped">{stoppedStreamingText}</p>}
           </div>
-
-          <div className="DocSearch-AskAiScreen-Answer-Footer">
-            <ConversationActions
-              showActions={showActions}
-              latestAssistantMessageContent={assistantContent?.text || null}
-              translations={translations}
-            />
-          </div>
+        </div>
+        <div className="DocSearch-AskAiScreen-Answer-Footer">
+          <ConversationActions
+            showActions={showActions}
+            latestAssistantMessageContent={assistantContent?.text || null}
+            translations={translations}
+          />
         </div>
 
         {urlsToDisplay.length > 0 ? (