Component Library and UI Overhaul

[jgaehring]

Going back to #195 or earlier there've been some UI issues that have been needling at me, but more than anything its the general layout of the EditLog screen, with its hodge-podge of Bootstrap and Material design elements and lack of any solid organizing principles to make it easier to read and edit.

At the end of last year these ideas culminated in the Figma prototype I started but never completed, although some of the elements have been implemented as part of the Spray module.

I think the best way to establish a stable API for the component library, which is the main objective of milestone 0.8.0, is to finally go about implementing the new design of My Logs.

Along the way, as a part of #337, I want to start phasing out as much of the Bootstrap styles as possible, and wrap any others we can't eliminate in Vue components, so it will be easier to phase them out later down the road.

Here's a general roadmap for how I think these changes can be rolled out.

• [x] Bug fixes and "low hanging fruit". #159 #255 #210
• [x] Investigate how to use Storybook as an option for documenting the component library. #410
• [x] Add component testing. #387
• [x] Integrate layout components. #407
• [x] User FarmTabs component in TasksEdit. #321
• [x] Encapsulate any remaining Bootstrap styles in Vue components. #337
• [x] Use layout components in TasksEdit instead of Bootstrap classes #425
• [ ] Refactor TasksFilter to use loadLogs and SelectBox. #398
• [ ] Replace remaining content components. #409
• [ ] Implement the Figma prototype in TasksEdit. #408 #423
• [ ] Changes toTasksAll screen & gesture components (eg, swipe). #399 #370 #169
• [ ] Overhaul error handling. #305 #239 #37
• [ ] Handling sync conflicts. #190 #284

[jgaehring]

We'll be reigning in the scope for this issue and the milestone as a whole, as outlined in https://github.com/farmOS/farmOS-client/issues/373#issuecomment-713884184. I'll update the checklist above to reflect this.