feat: [M3-8023] - Refactor Image Upload and Add Tags

[bnussman-akamai]

Description 📝

• Refactors the Image Upload page and related components 🧹
  • Use react-hook-form to provide realtime validation ☑️
• Implements new UI based on Image Service gen2 mockups 🎨
• Adds tags to the Image Upload page 🏷️
• Improves drag-drop styles 🎨
• Adds a Create Image button 🔘 (previously, the upload would begin when the upload was selected)

Preview 📷

Before	After

How to test 🧪

• Test all functionality related to the Image Upload page 👀
  • Verify you can upload an image
  • Verify validation works
  • Verify you can't navigate to a different page when an upload is in progress
  • Compare this new flow to the existing flow and look for oversights/regressions

[!note] Don't have an Image to upload? This is how I generate a gziped image:

1. Download an image from https://alpinelinux.org/downloads/
2. In your terminal run gzip alpine-standard-3.19.1-x86_64.iso.gz
3. Upload that Image

As an Author I have considered 🤔

• [ ] 👀 Doing a self review
• [ ] ❔ Our contribution guidelines
• [ ] 🤏 Splitting feature into small PRs
• [x] ➕ Adding a changeset
• [ ] 🧪 Providing/Improving test coverage
• [ ] 🔐 Removing all sensitive information from the code and PR description
• [ ] 🚩 Using a feature flag to protect the release
• [ ] 👣 Providing comprehensive reproduction steps
• [ ] 📑 Providing or updating our documentation
• [ ] 🕛 Scheduling a pair reviewing session
• [ ] 📱 Providing mobile support
• [ ] ♿ Providing accessibility support

[github-actions[bot]]

Coverage Report: ✅
Base Coverage: 81.73%
Current Coverage: 82.28%

[abailly-akamai]

@bnussman-akamai looks great! can you confirm all changes with UX before doing a deep dive review?

[bnussman-akamai]

Great feedback @mjac0bs. I'm checking with UX on the Upload Using Command Line change

[bnussman-akamai]

AlI changes have been reviewed and approved by UX 🎉

The "Upload Using Command Line" change was made @mjac0bs

Going to check with UX on the region helper text and the two papers @abailly-akamai The broken Toast issue is out of scope of this work.

[abailly-akamai]

Lol everything was kinda out of scope

[mjac0bs]

@abailly-akamai Noting that we do have a ticket for the broken toast close already (M3-8052).

Thanks for checking with UX and confirming those improvements, @bnussman-akamai!

[abailly-akamai]

Awesome rework - thanks for spending the time on this 👍

something funky with the pipeline again 🤔

[bnussman-akamai]

@abailly-akamai UX confirmed they want to keep the separate papers. They provided some updated helper text for the region select. They requested it goes above the input instead of below