USER STORY: Update all tabs' content & counts when tasks are watched/unwatched

[blahosyl]

As a Logged-in User,

I want to see the count of tasks I'm watching be updated in real time,

so that can be informed of the change without reloading the page.

Acceptance Criteria

When tasks are watched/unwatched in other tabs,

1. Tab counts of watched tasks
2. The list of watched tasks
   is updated without reloading the page

Tasks

Update tasks in all columns when a task is watched/unwatched

• implement changedWatch & setChangedWatch state in TaskTabs & ProfileDetail
• pass it down to TaskList / TaskKanban on all tabs
• destructure changedWatch & setChangedWatch in TaskList / TaskKanban , pass it down to Task
• in TaskList / TaskKanban in useEffect(), add changedWatch, setChangedWatch to the triggers of the function
• in TaskList / TaskKanban in useEffect(), add setChangedWatch(false); under setHasLoaded(false);
• destructure changedWatch & setChangedWatch in Task
• in Task, add setChangedWatch(true); to handleWatch & handleUnwatch ()
• in ProfileDetail, also get the list of tasks with fetchData

Update the counts of all watched columns when

• fetch the Profile data of the currentUser, so that assigned_count, watched_count & owned count are updatedwhen the logged-in user watches/unwatches a task.
  Implemented using the fetchData function from ProfileDetail, rewritten as fetchProfileData in TaskList. However, fetchData is also used in TaskTab, so maybe this implementation would be preferred.
• implement logic for updating counts in ProfileDetail
• implement logic for updating counts in TaskKanban OR move rendering logic from TaskKanban to TaskDetail, and render list or kanban conditionally depending on the taskList prop within the TaskList component

[blahosyl]

Further streamlining of the code might be possible #132