multiple changes to ensure stream compatibility

[ThomasDavisA]

There are a lot of edits here to ensure the chat visualized correctly during stream.

• Set the App's background to transparent to allow the avatars to show along the background of the stream. This may change in the future.
• Changed the avatar's height to auto resize, and the width to be 40% of the image. This will change in the future as we get more solid understanding of how we want our displays to look.
• Added a kobold tag and disabled head, torso, and legs. This is going to be changed in the future, but they are currently commented out to continue working on it.
• Added 20 Kobolds. These are all pallette swaps of the same image currently.
• Added a custom tag for whenever someone redeems "Kobold Time" from the stream. All custom created kobolds from that redemption will go into this folder for the future, and will ensure the person that redeemed it will get to have their custom avatar displayed when they talk or enter the chatroom.
• Moved the Nameplate down below the avatar for easier viewing.
• Changed where the chat bubble will render. This currently looks off in the browser, but works in the stream. This will be addressed later to try to be more fixed. The z-index forces the chat bubble to render behind the avatar as well, giving the avatar priority for render.
• Added a baseline css that ensure no padding or margin exists whenever an element is created. This will help allow setting up elements with less overall confusion (like when an h2 adds some margin due to the element being an h2, ect.)
• Now actively pulls data from whenever a user joins, and includes a '{username} has joined!' message, including a timestamp.
• userName and displayName are now sent. username is good for comparision, but displayName is what we want to show to the client. I am currently having an issue here were two avatars will render, one with the username, and one with the displayName. I am working on solving this issue.
• Re-enabled debug on server.

[mdavisprog]

Tried to run this locally but I get the following error:

./src/components/avatar/Avatar.js
Module not found: Can't resolve '../../images/custom' in 'D:\Projects\Streaming\simple-twitch-chat-visualizer\client\src\components\avatar'

Looks like the 'custom' folder under images was not committed.