[Feature] Animate components when they render in/out

[ryqndev]

Proposed Feature:

Add animations when components render in/out

Setup ReactCSSTransitionGroup

• setup

Components to animate:

• History -> DrinkPanels
• Feed -> FeedItem
• Feed -> ExpandedFeedItem
• Blog -> FeedItem
• UserModal
• UserModal -> Help

If Possible:

• Make Text changes smoother (not sure how but they seem abrupt atm)

If #12 is implemented,

• Animate Page transitions
• • Dashboard
• • History*
• • Add
• • Feed*
• • Blog*

note * individual components as content of page may already be animated

[ryqndev]

Implemented Features:

cc1a72c <- Tested out CSSTransitions before applying to entire app. Created animations.scss file

951d63e <- Wrapped individual pages in CSSTransitions for page transitions.

Not implemented:

• Blog/Feed aren't wrapped in CSSTransitions and individual components animated instead of page. There was a routing issue and didn't feel it was worth looking into since individual components are already animated.
• Text Changes will be fulfilled in the separate Text Component.