Main Todo.js

/* 

- Continuous Integration/Continuous Deployment testing, fix failed tests
- code splitting, lazy loading, minification
- accessibility audit
- browser compatability testing
- (react refactor), (node.js database/server)

------------

EXTRA TODO:
- improve css design on mobile devices (eg. text too light)
- eslint clean up code
- press enter to submit form, need event.preventDefault() for some form buttons
- delete account/modal css
- task tick icon
- fix awkward css screen widths between mobile and desktop
- sort out showElements so it changes classList and not inline styles
- firebase error notification (when not able to fetch plants etc. error message in top right hand corner)
- optomistic loading to prevent UI delay with fetching data and/or loading page

- css variants
- small arrow on desktop My Plants section to indicate scroll down

- click on weather icon for more detials in a weather modal
- option to add new tagButtons
- option to delete/edit requirement/task in modal or swipe for mobile, show edit options on hover for desktop
- + icon on overview, add user comments

- tasks ideas: name, notes, date, alert, priority
- tasks needs to be 1 tas(k) in plant log
- task edit on plant page needs to update
- more text for the add new plant modal/slider progress
- quiz css and extra features (sliders, progress bar etc...) also progress bar for when adding new plant

- less messy event listener clearing for each render section (eg renderMyPlants removes event listeners for all other sections)

- extra feature ideas eg. schedueler, AI, chatbot, journal entries
- home page ideas: daily tasks list, blog/journal, gardening tips, suggested plants, weather/time/location

*/