Landing Page: Throw a warning box when you try to click "Where to Recycle?" before address/items/methods are properly filled up. The box should describe the errors.

[neozhixuan]

Context
Currently, when the user has not filled up every field in the landing page, they are not allowed to click the footer buttons. The buttons are disabled, but give no reason as to why the user cannot proceed.

Task

• When the user tries to click on a disabled button, create a pop-up saying why he is unable to proceed; either 1. Address not filled 2. Items field not completed
• To do this, find a way to detect which fields are not filled up and pass it into the popup.

Figma Link
There is no figma design for this implementation - just use a standard chakra popup

Acceptance Criteria
npm run build works