VIsual improvements for badges

src/components/Badge.vue

@@ -25,5 +25,5 @@ export default {
 </script>
 
 <template>
-<img :src="src" class="w-5 h-5">
+<img :src="src" class="w-3.5 h-3.5 rounded-sm">
 </template>

src/components/TwitchChat.vue

@@ -102,6 +102,8 @@ export default {
 </script>
 <template>
   <div v-if="isLive" class="p-3 bg-ctp-crust rounded-lg w-full max-w-[15.625rem] flex flex-col">
+    
+    <!-- SYSTEM MESSAGES -->
     <ul
       class="overflow-y-scroll overflow-x-hidden whitespace-pre-wrap h-[46.875rem]"
       ref="chatList"
@@ -113,6 +115,8 @@ export default {
       </li>
       <li v-for="message in getChat()" :key="messages.indexOf(message)">
         <div class="text-white inline-flex">
+          
+          <!-- CHAT MESSAGE-->
           <p class="text-sm items-center">
 
             <ul class="inline-flex space-x-1 pr-1">