[component] Filter Panel

[Th1nkK1D]

Idea

• Can be a stateless component
• Get current active filters from props (PromiseStatus and PromiseStatus is available in model/promise.ts)
• When the apply button is clicked, fire change event with new active filters
• When the clear button is clicked, fire clear event

Used by

• 7

[mixth]

Hi. I am pretty busy lately, so I cleared the assignee for others. Please do grab this if you have the capacity. Do let me know if this issue is too big, I'm considering separating this into multiple issues.

Here is what I've done so far.

I have implemented two sub-components called DropdownSelect and ToggleList for this component and data mocking them into FilterPanel.

Both sub-components should be functional as intended in Figma.

[Th1nkK1D]

@mixth Very good job krub. I completed what was left and here is some suggestion

1. If we need to create some element that can be clicked, using button is better than div for a11y and we don't need CSS for pointer curser.
2. When handling form input, Vue prefers 2-way binding with v-model over value and on-change-handler props like React. For standard HTML input, the v-model is very straightforward. While using with the custom component, it's a combination of props and emits an event.

Thank you for your hard work as always krub 🎉