adds error message for wrong input

[bertyruan]

1. Incorrect spell input actions now updates error_message state
2. UI displays error_message if it exists
3. Changes the UI text from #fire-spell to #board. This fixes the incorrect CSS flex definition. The reason is CSS flex is defined on the parent property, not on children property. In this case, the board is the parent and the fire spells are the children.
4. Adds an indent to the css spell properties for better UI.

[zero-to-mastery-bot]

🥳 Congratulations 🎉

Congrats on making your first Pull Request in the Zero To Mastery Organization!
You have been sent an invitation to join the ZTM github organization, please check your emails for further details!

ZTM Profile Badge

If you'd like the ZTM Badge to show up on your profile, you will need to follow this guide!

[zero-to-mastery-bot]

🙏 Thanks for your pull request @bertyruan, The team will now review and merge this request. In the mean time why not check out some of the other opensource projects available, contributions are greatly appreciated!

Some of the most popular are

• Student Resources
• ZTM Job Board
• Complete Web Developer Manual

---

PR Statistics

#️⃣ PR Number:	➕ Line Additions:	🗑️ Line Deletions:
59	33	12

📑 Files Changed:	⭐ Repo Stars:	🔱 Total Forks:
4	17	37

[bertyruan]

@kennithnichol @beneyal @wmporter @MattCSmith please review my PR, thanks 😄

[bertyruan]

@kennithnichol @beneyal @wmporter @MattCSmith could you look at my pr?