Use span instead of i for icon

Co-authored-by: Daniel Wagner-Hall <dawagner@gmail.com>

Author: cjyuan

Sprint-3/todo-list/index.html

@@ -29,8 +29,8 @@ <h1>My ToDo List</h1>
       <li class="todo-item"> <!-- include class "completed" if the task completed state is true -->
         <span class="description">Task description</span>
         <div class="actions">
-          <button class="complete-btn"><i class="fa-solid fa-check" aria-hidden="true"></i></button>
-          <button class="delete-btn"><i class="fa-solid fa-trash" aria-hidden="true"></i></button>
+          <button class="complete-btn"><span class="fa-solid fa-check" aria-hidden="true"></span></button>
+          <button class="delete-btn"><span class="fa-solid fa-trash" aria-hidden="true"></span></button>
         </div>
       </li>
     </template>