UI Bug: Message input field overlaps last message in thread

[Nelson]

At present the final message in the thread is covered by the input:

This is the very definition of a "not fun" UI bug to fix ...
But equally researching and understanding how to fix it is a great test of Tailwind/CSS knowledge.

Todo

• Add Tailwind class to ensure that the <input #msg> does not cover the message(s)
• Check that it works on Mobile Device.
• Create PR to update.
• Assign PR.

Video showing the issue in more detail:
https://user-images.githubusercontent.com/194400/216541869-df66058b-e81a-49b4-98a9-6dea11bfc73f.mov

Again, if you're in any doubt Why we build such comprehensive tutorials/examples,
we do it because it's the "right thing" to do for other people who are learning our Tech Stack
And the practice makes us much better at our jobs.
Learning is 60% of knowledge work. The better you are at capturing what you learn the more valuable you are.
Some companies think it's "OK" for their people to hold all the knowledge in their heads. we take the opposite view.
we want as many people both in our team and the wider community to know how to build and fix things.

So thank you for looking at this bug. 🙏