Implement Manage Uploads page of Creator Space module

[lin8231]

Description

• Implement Manage Uploads page of Creator Space module
• Consists of draft products and uploaded products
• Draft products hover to be secondary colour - signifies creator status
• Uploaded product hover to be primary colour - consistent with marketplace behaviour
• Clicking on draft product leads to edit page
• Clicking on uploaded product leads to the product's uploaded page
• Clicking on edit button of anything leads to edit page
• A "productId" state prop is passed in in the route for routing to edit
• Data is all dynamic
• Click handlers are there
• Zero states are implemented:
• If there are only uploads, the drafts section is hidden entirely including its title
• If there are no drafts or uploads, the page shows the empty zero state
• If there are only drafts, we show the drafts section as usual, and we display the uploads subheading with the empty zero state

Fixes #119

How has this been tested?

VIsual tests by team members

Unit tests to be added by @HiruNya

Screenshots

https://user-images.githubusercontent.com/62003343/167873413-3d913664-0169-4a4a-95c7-3ee56a5706fd.mp4

amazing zero states

No drafts, but we have uploads:

No drafts and no uploads:

Just drafts:

Checklist

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings
• [ ] I have added tests unit/integration that prove the changes work
• [ ] New and existing unit tests pass locally with my changes
• [x] I have checked my code and corrected any misspellings

[render[bot]]

Your Render PR Server URL is https://viral-vtubers-pr-117.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c9tsfegnlki45b4as2jg.