Refine issues render progress copy

(cherry picked from commit a5a34f5b479b43c6fc212e6666f9d175bed486f6)

ui/src/components/IssuesList.test.tsx

@@ -413,7 +413,7 @@ describe("IssuesList", () => {
 
     await waitForAssertion(() => {
       expect(container.querySelectorAll('[data-testid="issue-row"]')).toHaveLength(150);
-      expect(container.textContent).toContain("Rendering 150 of 220 issues...");
+      expect(container.textContent).toContain("Rendering 150 of 220 issues");
     });
 
     act(() => {

ui/src/components/IssuesList.tsx

@@ -765,12 +765,6 @@ export function IssuesList({
           Showing up to {ISSUE_SEARCH_RESULT_LIMIT} matches. Refine the search to narrow further.
         </p>
       )}
-      {viewState.viewMode === "list" && remainingIssueRowCount > 0 && (
-        <p className="text-xs text-muted-foreground">
-          Rendering {Math.min(renderedIssueRowLimit, filtered.length)} of {filtered.length} issues...
-        </p>
-      )}
-
       {!isLoading && filtered.length === 0 && viewState.viewMode === "list" && (
         <EmptyState
           icon={CircleDot}
@@ -788,7 +782,8 @@ export function IssuesList({
           onUpdateIssue={onUpdateIssue}
         />
       ) : (
-        groupedContent.map((group) => {
+        <>
+          {groupedContent.map((group) => {
           if (remainingRowsToRender <= 0) return null;
           return (
           <Collapsible
@@ -1039,7 +1034,13 @@ export function IssuesList({
             </CollapsibleContent>
           </Collapsible>
           );
-        })
+          })}
+          {remainingIssueRowCount > 0 && (
+            <p className="text-xs text-muted-foreground">
+              Rendering {Math.min(renderedIssueRowLimit, filtered.length)} of {filtered.length} issues
+            </p>
+          )}
+        </>
       )}
     </div>
   );