Improve media displayed in widgets

[seadowg]

We want to revise and update the way media is displayed in widgets such as:

• geo
• video
• audio
• image

Design

• We want to start by rounding the corners in the form entry
• Clean up the coordinates to make them easier to read (left align, remove lat/long titles) add icon
• Can we grab a still of the video?

Figma

Notes

When doing this we should build reusable components that render answer data (from an IAnswerData or from a FormEntryPrompt for example) that can be reused later in the hierarchy.