Add timer transition

[Evomatic]

Goal

Create a visual status above the pomodoro timer to indicate to the user if they are on a break time or focus time session.

This implementation uses Redux to keep consistency between the visual status and the timer itself with a 'status' variable. This may have to change once I can work on the settings part of the timer as there might be conflicting slices.

Related issue: https://github.com/webdevbroz/pomodoro-app/issues/20

How to test

• Check that the time and visual status change between selections
• Check that the timer and visual status change once the timer reaches 0
• Check that the status changes from 'pomodoro' to 'long break' after 4 pomodoro sessions.

Note: if you want to adjust the time for focus time or break time, just adjust the following variables: pomodoroTime shortBreakTime longBreakTime

Screenshots