      <div class="button-group">
                <button id="connectBtn" onclick="connect()">Connect to WebSocket</button>
                <button id="disconnectBtn" onclick="disconnect()" disabled>Disconnect</button>
                <button onclick="clearMessages()">Clear Messages</button>
            </div>
        </div>

        <div class="test-section">
            <h2>ðŸ’¬ Simple Text Messages</h2>
            <div class="input-group">
                <label for="textMessage">Text Message:</labe