Slicing UI

**Mobile:**
- [ ] UI-1 (Login)
**Related issues:** #16
**Notes:** \
Ganti kata "Sign up" jadi "Sign in"

- [ ] UI-2 (App bar) dengan navigasi pindah section & Sign Out

- [ ] UI-3 (Project List, sidebar)
**Related issues:** #14

- [ ] UI-4 (Section active task list)
**Related issues:** #15

- [ ] UI-5 (Section completed task list)
**Related issues:** #15

- [ ] UI-6 (Detail tasks)
**Note:** Detail tugas akan terbuka jika active task/completed task ditekan.

**Desktop:**
- [x] UI-7 (Login)
**Related issues:** #16
**Resolved in:** #28
**Notes:** \
Ganti kata "Sign up" jadi "Sign in"

- [x] UI-8 (App bar)
**Resolved in:** #29

- [x] UI-9 (Project List, sidebar) Kemungkinan tugas yang sama dengan `UI-3`
**Related issues:** #14

- [x] UI-10 (Task List, active & completed section)
**Related issues:** #15

- [x] UI-11 (Detaik task)
**Note:** Detail tugas akan terbuka jika active task/completed task ditekan.

**Desktop (Project Manager)**
**Notes:** \
Komponen sama dengan `UI-8`. Yang membedakan hanya pada tombol "+" untuk menambahkan project baru, _three dot_ serupa dengan WhatsApp untuk edit dan hapus, dan tombol untuk kembali ke mode member.
- [ ] UI-12 (Project List, Project ManagerSidebar)

- [ ] UI-13 (Task List, Project Manager)
**Related issues:**
- #18
- #19
- #22
- #23

- [ ] UI-14 (Add Project Modal)
**Related issues:** #17

- [ ] UI-15 (Add Task Modal)
**Related issues:** #20

- [x] UI-16 (Modal konfirmasi logout)

- [ ] UI-17 (Modal konfirmasi hapus tugas)

- [ ] UI-18 (Modal konfirmasi edit tugas)

- [ ] UI-19 (Modal form edit tugas)

- [ ] UI-20 (Modal konfirmasi hapus project)
**Note:** Mengetik ulang nama project dan kode project. (Mirip Github)

- [ ] UI-21 (Modal form edit project)

Desian UI selengkapnya: #12

**Notes:**
- Feel free untuk mengganti sedikit desain, jika dirasa sulit untuk diimplementasi (Kasih info)