chore(local-explorer-ui): Refine workflows page layout

[NuroDev]

Fixes N/A.

Summary

• Moved buttons & dropdowns to a single unified header
• Updated workflow instance page responsive layout for smaller screens (Not entirely needed but better to have it than not need it)
• Updated the workflows refresh button to add a minimum delay (Makes sure the loading spinner gets shown)
• Ran the workspace prettify script to format a number of other Local Explorer files

---

• Tests
  • Tests included/updated
  • Automated tests not possible - manual testing has been completed as follows:
  • Additional testing not necessary because: UI tweaks. No UI snapshot testing implemented yet.
• Public documentation
  • Cloudflare docs PR(s):
  • Documentation not necessary because: WIP Experimental feature

A picture of a cute animal (not mandatory, but encouraged)

---

[changeset-bot]

🦋 Changeset detected

Latest commit: 7638afb

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[pkg-pr-new]

create-cloudflare

npm i https://pkg.pr.new/create-cloudflare@13361

@cloudflare/kv-asset-handler

npm i https://pkg.pr.new/@cloudflare/kv-asset-handler@13361

miniflare

npm i https://pkg.pr.new/miniflare@13361

@cloudflare/pages-shared

npm i https://pkg.pr.new/@cloudflare/pages-shared@13361

@cloudflare/unenv-preset

npm i https://pkg.pr.new/@cloudflare/unenv-preset@13361

@cloudflare/vite-plugin

npm i https://pkg.pr.new/@cloudflare/vite-plugin@13361

@cloudflare/vitest-pool-workers

npm i https://pkg.pr.new/@cloudflare/vitest-pool-workers@13361

@cloudflare/workers-editor-shared

npm i https://pkg.pr.new/@cloudflare/workers-editor-shared@13361

wrangler

npm i https://pkg.pr.new/wrangler@13361

commit: 7638afb

[github-actions]

✅ All changesets look good

[pombosilva]

Thank you! Just a nit: can the green in "Complete" label and step checkmark be tailwind's emerald-600*

[NuroDev]

can the green in "Complete" label and step checkmark be tailwind's emerald-600*

Actually the success colors here come directly from the Kumo color palette where the success variant uses green and success-tint variant uses emerald.

In that case, do we want to then switch this to use success-tint instead of success?

[workers-devprod]

Codeowners approval required for this PR:

• ✅ @cloudflare/wrangler

Show detailed file reviewers

[NuroDev]

Switching this back to a draft until #13330 is merged which includes a fix for the failing local explorer e2e tests

[devin-ai-integration]

✅ Devin Review: No Issues Found

Devin Review analyzed this PR and found no potential bugs to report.

View in Devin Review to see 3 additional findings.

[jamesopstad]

Looks good! One thing to tidy up, if possible, is adding some space between the pagination icon and info:

I've also posted a couple of non-blocking comments from the Devin review. These are not directly related to the changes in this PR so can just be noted for a follow up.

[workers-devprod]

Codeowners reviews satisfied

[NuroDev]

These are not directly related to the changes in this PR so can just be noted for a follow up.

Going to make a note of the Devin comments above and fix them in a later PR so this change isn't blocked.