Réecrire à zero en javascript css mon client de messagerie websocket

J'ai crée un client de messagerie test à 100% avec chatgpt (je ne comprends rien au javascript) que vous pouvez retrouver à cette adresse [URL visible pour les membres Pro] Vous pouvez tester en y connectant deux navigateurs. Pour l'instant il ne gère pas les salons je suis en train de le faire.

Je voudrais un développeur créatif qui me le redéveloppe style WhatsApp de façon à ce qu'il soit beau, intuitif, fonctionnel et y rajoute de nombreuses "fonctionnalités". (par fonctionnalité, il s'agit juste d'un bouton ou d'un champ de saisie qui envoie une commande à mon serveur qui traite la commande et qui renvoie le résultat à afficher).

En fait tout ce qui est salons, échange de message, gestion des messages, des contacts et tout le reste est fait par mon serveur. Le client ne fait qu'échanger des json pour dire ce que le client veut et il affiche la réponse. Pour mieux comprendre, connectez vous au site en début et regarder sur la console les échanges websocket entre le client et le serveur.

Une fois que cette mission sera finie, j'aurais besoin d'une nouvelle mission pour utiliser le code javascript pour en faire des appli androit et iphone (avec react native par exemple).

svp, avant de me répondre, regardez comment ca fonctionne pour comprendre ce que je veux exactement.... plutôt que de juste la liste de mes demandes.