Пожалуйста, сформируй полный HTML-код (ничего не пропускай), выделив его обратными тройными кавычками, для следующего запроса: "Сделай возможность переключения между пользователями, так же придумай диалоги с ними.". В прошлой итерации код выглядел следующим образом: "<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Messages</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            height: 100vh;
        }
        .sidebar {
            background-color: #2a2f33;
            color: white;
            width: 250px;
            overflow-y: auto;
        }
        .chat-list {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
        .chat-list-item {
            padding: 10px;
            border-bottom: 1px solid #444;
            cursor: pointer;
        }
        .chat-list-item:hover {
            background-color: #3b4045;
        }
        .chat-window {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            background-color: #f5f5f5;
        }
        .chat-header {
            padding: 15px;
            background-color: #3a4146;
            color: white;
        }
        .message-window {
            flex-grow: 1;
            overflow-y: auto;
            padding: 10px;
        }
        .message {
            margin-bottom: 15px;
        }
        .message-author {
            font-weight: bold;
        }
        .message-text {
            margin-top: 5px;
        }
        .chat-footer {
            display: flex;
            align-items: center;
            padding: 10px;
            border-top: 1px solid #ccc;
            background-color: white;
        }
        .chat-input {
            flex-grow: 1;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin-right: 10px;
        }
        .send-button {
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            border-radius: 5px;
        }
        .send-button:hover {
            background-color: #45a049;
        }
    </style>
</head>
<body>
    <div class="sidebar">
        <ul class="chat-list">
            <li class="chat-list-item">Alice</li>
            <li class="chat-list-item">Bob</li>
            <li class="chat-list-item">Charlie</li>
            <li class="chat-list-item">David</li>
            <li class="chat-list-item">Edward</li>
        </ul>
    </div>
    <div class="chat-window">
        <div class="chat-header">
            Chat with Alice
        </div>
        <div class="message-window">
            <div class="message">
                <div class="message-author">Alice:</div>
                <div class="message-text">Hi there! How are you?</div>
            </div>
            <div class="message">
                <div class="message-author">You:</div>
                <div class="message-text">Hello! I'm good, thanks. How about you?</div>
            </div>
        </div>
        <div class="chat-footer">
            <input type="text" class="chat-input" placeholder="Type your message...">
            <button class="send-button">Send</button>
        </div>
    </div>
</body>
</html>". Запрос прошлой итерации был таким: "Придумай свой вариант страницы https://vk.com/messages".