USER STORY: View tasks on Kanban board

[blahosyl]

As a Logged-in User,

I want to View tasks on a Kanban board,

so that I have a better overview of task status

Acceptance Criteria

1. Logged-in Users can view tasks on a Kanban board
2. Columns of the Board correspond to task status

Tasks

• create TaskKanban component based on TaskList
• import it to App.js & add route
• create corresponding CSS file
• import the CSS file of TaskList (this styles the search bar)
• in TaskKanban, create 3 columns, and call the Task component in each with a different conditional based on task status:

  children={tasks.results.map((task) => (
   task.status === "DONE" && (
     <Task key={task.id} {...task} setTasks={setTasks} />
   )
  ))}
  

• remove Teammates component
• make column container full width
• add Teammates link to either NavBar or next to search bar
• implement horizontal scrolling
• make board responsive USER STORY: Make Kanban board responsive on small screens #107
• style board

[blahosyl]

Blocked by #25