Hello! Could you review some code from several files? But first wait when they all would be pasted here. Let's begin: <!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>To-Do List App</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="wrapper">
        <!-- Sidebar -->
         <div id="sidebar" class="sidebar" role="complementary" aria-label="Project Sidebar">
            <h2>Projects</h2>
            <ul id="project-list">
                <!-- Projects will be rendered here -->
            </ul>
            <div id="add-project">
                <label for="project-name" class="visually-hidden">New Project Name</label>
                <input type="text" id="project-name" placeholder="New Project Name" required aria-required="true">
                <button id="add-project-button" class="btn" aria-label="Add Project">Add Project</button>
            </div>
         </div>

         <!-- Main Content -->
         <div id="app" role="main">
            <h1>To-Do List</h1>

            <!-- <div id="project-container">
                <h2>Projects</h2> -->
                <!-- Projects will be rendered here -->
            <!-- </div> -->

            <div id="todo-container">
                <h2>Todos</h2>
                <!-- Todos will be rendered here -->
            </div>

            <div id="add-todo">
                <label for="todo-title" class="visually-hidden">Title</label>
                <input type="text" id="todo-title" placeholder="Title" required aria-required="true">

                <label for="todo-description" class="visually-hidden">Description</label>
                <input type="text" id="todo-description" placeholder="Description">

                <label for="todo-due-date" class="visually-hidden">Due Date</label>
                <input type="date" id="todo-due-date" required aria-required="true">

                <label for="todo-priority" class="visually-hidden">Priority</label>
                <select id="todo-priority" aria-label="Priority">
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
                <button id="add-todo-button" class="btn" aria-label="Add Todo">Add Todo</button>
            </div>

            <!-- Edit Task Modal -->
             <div id="edit-task-modal" class="modal" role="dialog" aria-labelledby="edit-task-title" aria-modal="true" style="display:none;">
                <div class="modal-content">
                    <span class="close-button" aria-label="Close Modal">&times;</span>
                    <h2 id="edit-task-title">Edit task</h2>

                    <label for="edit-title" class="visually-hidden">Title:</label>
                    <input type="text" id="edit-title" required aria-required="true">

                    <label for="edit-description" class="visually-hidden">Description</label>
                    <input type="text" id="edit-description">

                    <label for="edit-due-date" class="visually-hidden">Due Date:</label>
                    <input type="date" id="edit-due-date">

                    <label for="edit-priority" class="visually-hidden">Priority:</label>
                    <select id="edit-priority" aria-label="Edit Priority">
                        <option value="low">Low</option>
                        <option value="medium">Medium</option>
                        <option value="high">High</option>
                    </select>

                    <button id="save-changes-button" class="btn" aria-label="Save Changes">Save changes</button>
                    <button id="cancel-button" class="btn" aria-label="Cancel Editing">Cancel</button>
                </div>
             </div>

            <!-- <select id="project-selector"> -->
                <!-- Options will be populated dynamically -->
             <!-- </select> -->
        </div>
    </div>

    <!-- <script src=".dist/bundle.js"></script> -->
    <!-- <script src="./src/app.js" defer></script> -->
     <!-- Include the bundled JavaScript file -->
    <script type="module" src="./src/index.js" defer></script>
</body>
</html>