fix: text wrapping

src/components/project_list.rs

@@ -13,7 +13,7 @@ pub(crate) fn ProjectList() -> Element {
                 div {
                     key: "{project.id}",
                     class: format!(
-                        "px-7 py-4 select-none {}",
+                        "px-7 py-4 select-none {} text-pretty wrap-anywhere",
                         if project_being_edited().is_some_and(|p| p.id == project.id) {
                             "bg-zinc-700"
                         } else { "" }

src/components/task_list_item.rs

@@ -18,7 +18,7 @@ pub(crate) fn TaskListItem(task: TaskWithSubtasks) -> Element {
         div {
             class: "pt-0.75 flex flex-col",
             div {
-                class: "grow font-medium",
+                class: "grow font-medium text-pretty wrap-anywhere",
                 {task.task.title}
             },
             div {