Merge branch '331128-long-codeblock-breaks-ui-in-todo-list' into 'master'

Fix UI bug overflowing the text in TODO list

See merge request gitlab-org/gitlab!61910

app/views/dashboard/todos/_todo.html.haml

@@ -3,7 +3,7 @@
     .todo-avatar.gl-display-none.gl-sm-display-inline-block
       = author_avatar(todo, size: 40)
 
-    .todo-item.gl-w-full.gl-align-self-center{ data: { qa_selector: "todo_item_container" } }
+    .todo-item.flex-fill.gl-overflow-auto.gl-align-self-center{ data: { qa_selector: "todo_item_container" } }
       .todo-title.gl-mb-3.gl-md-mb-0
         - if todo_author_display?(todo)
           = todo_target_state_pill(todo)