fix: enable text wrapping for tasks and events to prevent horizontal scrollbars

- Updated globals.css for .time-slot-task and .time-slot-event row

- Removed white-space: nowrap from GridTaskBlock title span

- Added word-wrap: break-word to simple-view columns

src/app/globals.css

@@ -1804,9 +1804,10 @@ h3 {
   font-size: var(--weekly-time-task-size, 0.75rem);
   font-weight: var(--weekly-time-task-weight, 500);
   cursor: pointer;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  white-space: normal;
+  word-break: break-word;
+  overflow: visible;
+  text-overflow: clip;
   transition: color 0.15s ease;
   position: relative;
   z-index: 5;
@@ -1852,10 +1853,11 @@ h3 {
 
 .time-slot-event .event-title-row {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 0.25rem;
-  white-space: nowrap;
-  overflow: hidden;
+  white-space: normal;
+  word-break: break-word;
+  overflow: visible;
 }
 
 .time-slot-event .event-indicator {
@@ -2862,6 +2864,7 @@ h3 {
     border-left: 0px !important;
     margin: 0 10px !important;
     overflow-x: hidden !important;
+    word-wrap: break-word;
 }
 
 .simple-view .time-column {

src/components/GridTaskBlock.tsx

@@ -220,9 +220,9 @@ export function GridTaskBlock({
                             display: "flex",
                             alignItems: "flex-start",
                             gap: "3px",
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap",
+                            overflow: "visible",
+                            whiteSpace: "normal",
+                            wordBreak: "break-word",
                             flex: 1,
                             fontSize: "0.8rem",
                         }}