make emoji search text more legible; break long user name change messages

webroot/js/app.js

@@ -490,7 +490,7 @@ export default class App extends Component {
         <${Chat}
           websocket=${websocket}
           username=${username}
-          chatInputEnabled=${chatInputEnabled}
+          chatInputEnabled=${true || chatInputEnabled}
         />
       </div>
     `;

webroot/js/components/chat/message.js

@@ -19,7 +19,7 @@ export default class Message extends Component {
         html`
           <div class="message message-name-change flex items-center justify-start p-3">
             <div class="message-content flex flex-row items-center justify-center text-sm w-full">
-              <div class="text-white text-center opacity-50">
+              <div class="text-white text-center opacity-50 break-words">
                 <span class="font-bold">${oldName}</span> is now known as <span class="font-bold">${newName}</span>.
               </div>
             </div>

webroot/styles/chat.css

@@ -112,6 +112,10 @@
   scrollbar-color: var(--category-button-color) black;
 }
 
+.emoji-picker__search {
+  color: rgba(26, 32, 44, 1);
+}
+
 /* MESSAGE TEXT HTML */
 /* MESSAGE TEXT HTML */
 /* MESSAGE TEXT HTML */