[User Profile - Implementation] Build New Tab Section for Liked / Adopted Trees

[ri0nardo]

Quick summary:

Currently trees that are liked and adopted are grouped together when viewing at the user profile. It is hard to know what trees you are adopting and what trees you are essentially watching. These shouldn't be jumbled together as it can get confusing in the future.

Issues:

Currently all the trees are grouped together, as we want to group the sections up. In the future we will achievements / badges as a new tab section which will make more sense for this build. The dividing of groups isn't as essential as much as the U.I. redesign. We need the design to be implemented, but the order of what we prioritize doesn't matter as much to me. If it be the tab sections or the redesign.

Get Started:

Get started with our onboarding, https://github.com/waterthetrees/waterthetrees/wiki/Onboarding and read through the epic for relevant details of this ticket. #569

Resources:

• Epic discussion [Epic - User Profile] User Profile Redesign / Additions #635
• Uploader Ticket [User Profile - Design Implementation] Cover Photo Uploader #775
• Design Figma: https://www.figma.com/file/5C3v1LUNwMPQy9JOgnKEtr/Water-the-Trees?node-id=1355%3A9085
• Current Live Webpage https://waterthetrees.com/userprofile
• Linked Ticket [User Profile - Design Implementation] Desktop User Profile #640

New Design for Tab Section: