feat/add focus mode

[Undeadlol1]

Focus mode is a new screen that allows users to focus only on a limited amount of tasks.
The main feature is ability to watch closely what we feel about tasks at hand.

Usage scenario:

1. Users is redirected to Focus Mode Screen (after clicking on bottom navigation bar button?)
2. User inserts task text into text field (or picks a task in dropdown select menu - this is not yet decided)
3. Each time user creates/selects a task a pop up menu appears that asks a user what does he feel about the task
4. If user selects positive smiley face add task to tasks list. If not - prompt him to rework his list. (how? Not entirely sure ATM)

[Undeadlol1]

Since persisting tasks to DB gives me a headache lets avoid it for the time being.
Lets save this list locally, in memory. Or is it a bad idea because feature will be unusable on mobile? Because website garbage collected when phone is not used for a while?

So what is the best way to persist tasks?

Localstorage:

1. Add FocusModeTasksList
2. Store simple array in local storage

Using Firestore "tasks" collection:

1. Add "isFocusedOn" and "isCreatedDuringFocusMode" to Task type
2. Add {isFocusedOn: false} to fetching function of main tasks

Using specific firestore collection:

1. add "FocusModeTasks" collection

[Undeadlol1]

TODO:

• rework slider into using single emoji instead of 1
• add isInFocusMode (or isFocused) to Task
• add {isCreatedInFocusMode: false} to activeTasks in Router
• add "isCreatedInFocusMode" property to Task
• add "useFocusModeTasks" hook
• add upsertTask({isCreatedInFocusMode}) to autocomplete

[Undeadlol1]

Note. How to check that tasks list was in any way updated (updated name, subtask added or updated etc):

Turn array of objects into a hashmap. If hash has changed in any way then force user to interact with the slider.