SPIKE: Simplest UI/UX for adding tags to items

[nelsonic]

@SimonLab has outlined a good wireframe for adding tags in: #245 (comment)

Essentially it's an <input> field that allows any text to be input.
We can either have a comma-separated-list of words
e.g: "p1, t25m, awaiting-review, etc."
or we could split on whitespacespace such that the person doesn't have to type the , (comma) each time,
e.g: "p1 t25m awaiting-review etc"

The advantage of using commas is that we can have multi-word tags without needing hyphens
e.g: "p1, birthday party, shopping list, t1h, etc."

For MVP: we can stick with the simplest from an implementation perspective; use commas! 👍
But for the main App we'll need a more sophisticated way of adding, managing and removing tags. 💭

Todo

• SPIKE/Prototype the UI/UX using HTML + TailwindCSS classes
• iterate based on collective feedback

[nelsonic]

At present we have the basic tags UI working in the MVP: https://mvp.fly.dev 🎉 (thanks @SimonLab!)

We need to tidy up the UI/UX a little before requesting feedback dwyl/mvp#140 as the layout is clearly a little "off".

GOTO: #291