feat: Show all crawl runs + crawl deletion UX improvements

[SuaYoo]

Resolves #2906

Changes

Overall, a more consistent experience for navigating all workflow crawls and managing crawl-related items.

• Adds new "Crawl Runs" page under "Crawling" to display all crawl runs, including canceled and failed
• Enables sorting crawls for by execution time and page count
• Updates icon for "Canceled" state to not appear as error
• Update archived item type labels
• Refactors archived item and crawl deletion confirmation to use same dialog (partially addresses Switch to in-page dialogue boxes #619)
• Show collections in deletion confirmation
• Refactors /archived-items/crawl-list.ts component to -> /crawls/crawl-list/ components

Manual testing

Note: New sort fields require building the backend locally.

1. Log in as crawler
2. Go to "Crawling". Verify "Workflows" and "Crawl Runs" tabs are shown
3. Go to "Crawl Runs"
4. Interact with search, sort, and filters. Verify list controls work as expected.
5. Choose canceled crawl run. Verify navigation to crawl details view
6. Choose action menu -> "Delete Crawl". Verify that crawl is deleted without confirmation
7. Go back to "Crawl Runs"
8. Choose successful crawl.
9. Choose action menu -> "Delete Crawl". Verify that confirmation is shown.
10. Repeat 9 from "Workflow" > "Crawls" and "Archived Items". Verify confirmation dialog is consistent for all crawl/item deletions.

Screenshots

Page	Image/video
Crawl Runs
Crawl Runs
Workflow / Crawls
Archived Items
Delete Confirmation (when in collections)

[tw4l]

Overall looks great! The one thing I've noticed is that the crawl runs table (and archived items table, as it appears to be the same component) doesn't adjust to smaller screen sizes as well as some of our other tables. Instead of responsively changing shape to fit the screen, some of the columns begin to get cut off. For instance:

Larger screen size

Medium screen size

Small screen size

We could address the responsiveness separately, I leave that up to you. Overall this is a great feature and all tested as expected!

[SuaYoo]

Small screen size

Which browser do you see this in, and are you able to horizontally scroll the table without a scrollbar? Ideally you should be able to see a scrollbar:

(cc @emma-sg )

[tw4l]

Which browser do you see this in, and are you able to horizontally scroll the table without a scrollbar? Ideally you should be able to see a scrollbar:

This is in Brave, and there is a horizontal scrollbar to scroll the table, so maybe it's okay after all. I think I was just expecting the row to collapse like the workflows, but now I see many other elements in Browsertrix handle smaller screens like this table.

[SuaYoo]

This is in Brave, and there is a horizontal scrollbar to scroll the table, so maybe it's okay after all. I think I was just expecting the row to collapse like the workflows, but now I see many other elements in Browsertrix handle smaller screens like this table.

It's a good call out, and I'll do a quick pass to address the inconsistent text wrapping at different screen sizes. Will link your comments to the general responsiveness improvements issue: #1348