revising data model for EDU Lesson procedures

[stephiescastle]

Checklist

• Include a description of your pull request and instructions for the reviewer to verify your work.
• Link to the issue if this PR is issue-specific.
• Create/update the corresponding story if this includes a UI component.
• Create/update documentation. If not included, tell us why.
• List the environments / browsers in which you tested your changes.
• Tests, linting, or other required checks are passing.
• PR has an informative and human-readable title
  • PR titles are used to generate the change log in releases; good ones make that easier to scan.
  • PRs will be broadly categorized in the change log, but for even easier scanning, consider prefixing with a component name or other useful categorization, e.g., "BaseButton: fix layout bug", or "Storybook: Update dependencies".
• PR has been tagged with a SemVer label and a general category label, or skip-changelog.
  • These tags are used to do the aforementioned broad categorization in the change log and determine what the next release's version number should be.
  • Release Drafter will attempt to do the category labeling for you! Please double-check its work.

Description

Supports https://github.com/nasa-jpl/www/issues/413

• Revises data structure for lesson procedures

Caveats

• When using steps numbering, the first item in the "step" should be a rich text block (or similarly narrow block), otherwise the number will be covered up by wider media blocks.

Instructions to test

1. make vue-storybook
2. View the PageEduLessonDetail story

Tested in the following environments/browsers:

Operating System

• macOS
• iOS
• iPadOS
• Windows

Browser

• Chrome
• Firefox ESR
• Firefox
• Safari
• Edge

[Scotchester]

When using steps numbering, the first item in the "step" should be a rich text block (or similarly narrow block), otherwise the number will be covered up by wider media blocks.

@kimorr @otalutz Do you think this will be an acceptable limitation? Will most steps start with text?

Headings at levels larger than 4 look pretty funky due to the baselines of the number and the heading being far apart, but most likely and heading within one of these steps should be an H4, since "Procedures" is an H2 and procedure section headings would be H3.

[Scotchester]

This is working pretty well for me! Just a couple needed changes in the stories, I think.

[Scotchester]

Did you mean to leave this in but commented?

[Scotchester]

Did you want to save this commented block and the ones further down?

[Scotchester]

I think the two procedures items below here should probably be removed? They don't appear to be causing a problem, but they don't do anything, either.

[stephiescastle]

This is working pretty well for me! Just a couple needed changes in the stories, I think.

Made the changes! Forgot to do a lot of cleanup before opening the PR 🤦 thanks for the review!

[Scotchester]

LGTM! We can revisit if my question for Kim and Ota necessitates it.