[Program Card Images] Polish the admin page UI

[caitlinshk]

Description

This PR makes minor edits to the admin program image upload page to align it closer to the Figma mocks. Specifically:

• Update the title
• Add some directions about uploading an image
• Move the image description form to the right side
• Add placeholder text to the image description form
• Update wordings on the image description form

Release notes

Checklist

General

Read the full guidelines for PRs here

• Added the correct label: < feature | enhancement | bug | dependencies | infrastructure | ignore-for-release | database >
• Assigned to a specific person, civiform/developers, or a more specific round-robin list.
• Performed manual testing (Chrome and Firefox if it includes front-end changes)

User visible changes

• Manually tested at 200% size
• Manually evaluated tab order

New Features

Instructions for manual testing

1. Enable the PROGRAM_CARD_IMAGES flag.
2. As an admin, edit a program then click the "Edit program image" button.
3. Verify that the page looks like a close approximation to the Figma mocks. I don't think we're going to get it perfect, but this seems close! Once this is submitted, Ron and Shreya can review and give any additional updates needed.

Issue(s) this completes

Epic #5676

Fixes #5999 (sub-task)

[caitlinshk]

Current dependencies on/for this PR:

• main
  • PR Rename StorageClient to ApplicantStorageClient #6041
    • PR Add AwsApplicantStorageTest #6042
      • PR [Program Images] Add PublicStorageClient for uploading program image files to a public bucket #6049
        • PR [Program Card Images] Add UI for admin to upload a program image. #6050
          • PR [Program Card Images] Render images on applicant homepage #6200
            • PR [Program Card Images] Use USWDS file input component for admin program image upload #6218
              • PR [Program Card Images] Show a preview of the program card in the admin UI #6227
                • PR [Program Card Images] Add breadcrumbs to admin program image upload page #6254
                  • PR [Program Card Images] Polish the admin page UI #6272 👈
                  • PR [Program Card Images] Add alt text when rendering program cards with images. #6274
      • PR Add PublicStorageClient & impls #6043

This stack of pull requests is managed by Graphite.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (46ab582) 81.60% compared to head (a2832c9) 81.60%.

Additional details and impacted files

@@            Coverage Diff            @@
##               main    #6272   +/-   ##
=========================================
  Coverage     81.60%   81.60%           
  Complexity     3391     3391           
=========================================
  Files           415      415           
  Lines         14654    14654           
  Branches        962      962           
=========================================
  Hits          11958    11958           
  Misses         2288     2288           
  Partials        408      408           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.