Organize script edit

[dmcavoy]

Organizes the script edit page by:

1. Using the HelpTip component so we don't have to clutter the page with help text
2. Grouping the fields together into related groups

Checked with the curriculum team and they were on board this change: https://codedotorg.slack.com/archives/CFGAVL2CA/p1589913488188600

Testing story

All existing tests should cover the behavior since this is just a re organizing of the page.

Reviewer Checklist:

• Tests provide adequate coverage
• Code is well-commented
• New features are translatable or updates will not break translations
• Relevant documentation has been added or updated
• User impact is well-understood and desirable
• Pull Request is labeled appropriately
• Follow-up work items (including potential tech debt) are tracked and linked

[davidsbailey]

looks great, @dmcavoy !

[davidsbailey]

just curious if it looks any different/worse without the <p>, like this:

code-dot-org/apps/src/lib/ui/HelpTip.story.jsx

Line 10 in 35718de

<HelpTip>Like this!</HelpTip>

[dmcavoy]

I checked and it seems to work fine without the paragraph tag as long as all the text is supposed to be smushed together (not in 2 paragraphs or something). I'm going to leave it for now.

[uponthesun]

I love this! Looks like a great improvement, and great bang for buck.