Improve PhotoInput Component

[charliepnnl]

• Allow more than one photo to be entered for the same .
  • Establish an attachment naming convention so the multiple photos are associated with the same photo requirement in the database. (The id is the same for all, so we need to append something to the ids.)
  • The photos should be displayed with reduced size so as not to take up too much total space.
  • Allow an optional property maxPhotos with a default of 1.
• Provide a delete button for each photo.
• Allow the user to add a note to each photo. This note will appear under the photo in a Photo component.
  • This will require a scheme by which data is stored in the document that is associated with an attachment.

[charliepnnl]

Let's postpone the "notes" feature to Post BASC Release. I will add a separate issue for that.

[charliepnnl]

PhotoInput ideas:

• Side-by-side if more than one and there is room.
• Notes TextInput above delete button
  • Cap at 3 or 4 lines
• Put the Add Photo button at the bottom
• max prop for maximum number of photos
• Hide Add Photo button if already max photos

Photo ideas:

• Hide empty comments
• Side-by-side if there is room
• Append 1 of 2 to the right of the Photo title