more substantive curation/UX improvements

[eplebel]

• auto-advance miniFigureViewer thumbnails on hover (when >1 figure), while keeping swiping ability for touch-enabled devices! let's try w/ 1 second interval. 150 points

• adding a figure is overwriting figures from previous articles when the same filename is used (e.g., uploading "untitled.png" is overwriting existing file, hence overwriting all other figures with that same name!). solution is probably to give each filename a unique name in case different users are using the same figure file names) 50 points

• compress images before uploading (to save space and decrease load times; using a near-lossless compression function; eg using pngquant, which i've been manually using via TinyPNG.com which does a great job at reducing size w/out any perceptible quality loss) (slightly lower priority)  25 points

• DELETING articles (ADMIN ONLY): add snack bar message confirming the deletion with clickable “UNDO” (to undo the action) 35 points

• clear author page filter text when navigating to a new author page (NOTE: filter text does clear if navigate to an article page, then return to an author page) 25 points

• add a "X" clear icon within author page filter box, which is only displayed once text is entered (and disappears if text is deleted via keyboard). Hitting ESC key also clears text. (E.g., like how the search box on Twitter's main page behaves) 25 points

• add (preliminary) share functionality in article card header via share icon, which when clicked, opens a popup displaying 3 share options: 1. get link (to article's article page), 2. post to Twitter, and 3. post to Facebok (in between addition date and 3-dot more icon; see mockup) 50 points
  

  • clicking on the link icon button will simply copy article page URL to clipboard and display the snackbar message "Link copied to clipboard!"
  • For both Facebook & Twitter, populate the popup with the following text (except for Facebook, replace "@CurateScience" with "https://CurateScience.org" given that on FB, Twitter handles don't work):
    Check out [article title] [article page URL] via @CurateScience
    (see this react library react-share, which seems to be the best library to easily display the Twitter & FB sharing popus with premade functions to populate the popup with ours customized text)
    (see more advanced sharing and embedding functionalities #110 for future more advanced sharing and embedding functionalities)
    

• Update general sorting component (on all pages); 25 points

  • Add 3 sort orders: 1. Pub. year: Newest first, 2. Pub. year: Oldest first, and 3. Date added: Oldest first (see mockup below)
  • Disable item text of current sort order so user knows how list is currently sorted
  • Update sort item text
    • Date added: Newest first (default)
    • Date added: Oldest first
    • Pub. year: Newest first
    • Pub. year: Oldest first
    • Impact