Overhaul content and appearance of Guide screen (checklist)

[yxu-lanl]

#140

Checklist/Guide page
Add new fieldwork .md.ts files, fieldworkChecklist.ts, and public/assets/images/field-ethics.png
Mark the nested list item with 'NESTEDLISTITEM' in the .md.ts files since react-markdown couldn't handle nested list
Update Checklist.tsx: remove IonAccordion and IonPopover, use SectionHeader, use different icon for the nested list item
Update Checklist.module.css: place checkMark icon to the left-top of IonItem
Delete soilPackage files

[pkalita-lbl]

I think the changes look good. I just wanted to confirm with @jkelliher-github: do we need to be worried about including the GSA Field Ethics image here? I like it, but I don't want to step on anyone's toes.

[eecavanna]

Looks good, @yxu-lanl!

I share @pkalita-lbl's concern about using that image.

I left some feedback about some of the checklist items. I don't know who the original author of those was. I'd be OK merging those items in as is, and then fixing them in a separate PR (so as not to hold up introducing this updated checklist UI over some content issues).

I do want to wait for the final word about using that image, before merging this PR in, though. Note: We could make our own colorful image (with our own tips); and also link out to their image, hosted by them.

[eecavanna]

Hi @yxu-lanl, here's a link to the ticket I created about using that image: #158

My understanding from today's squad meeting was that we would move forward with this plan:

• 1. Create ticket about confirming we can use that image (@eecavanna)
• 2. Remove image from this PR branch for now (@yxu-lanl)
• 3. Commit the suggestions on this PR branch, which are spelling/grammar-related (@yxu-lanl)
• 4. Request a follow-up review of this PR branch (@yxu-lanl)

[eecavanna]

Thanks for making those changes. I'm comfortable with this branch being merged into main now.

[pkalita-lbl]

Thanks Yan!