443 production datepicker styles

[gsehrlich]

Checklist

• Add description
• Reference the open issue that the pull request addresses
• Pass code quality checks
  • spin up docker docker-compose up -d --build
  • enter api container docker-compose exec api /bin/bash
  • run api tests make validate
  • exit container ctrl/command+D or exit
  • enter web container docker-compose exec web /bin/sh
  • run front-end tests npm run test or npx jest
  • lint npm run lint-fix
  • exit container as above
• Request code review
  • Please allow 36 hours from opening a pull request before merging a pull request- even if it has already received an approving review.
• Address comments on code and resolve requested changes
• Merge own code

Description

Issue: #443

Brief description of solution

1. Fix the opacity by switching from percentages to decimals. The development version didn't have this issue for some reason. https://stackoverflow.com/questions/58853844/the-opacity-value-was-changed-to-1-after-building-the-reacjs-project
2. The ordering issue was caused by semantic-ui-react-datepickers styles that were duplicated in a <style> tag in the production build for some reason, overriding the CSS. Put a div selector before the class in the CSS to give it higher specificity.