fix[notifications]: error text wrapping

Author: emir-karabeg

sim/app/w/[id]/components/control-bar/components/notification-dropdown-item/notification-dropdown-item.tsx

@@ -64,7 +64,9 @@ export function NotificationDropdownItem({
           </span>
           <span className="text-xs text-muted-foreground">{timeAgo}</span>
         </div>
-        <p className="text-sm text-foreground">{message}</p>
+        <p className="text-sm text-foreground break-words break-all whitespace-normal">
+          {message.length > 100 ? `${message.slice(0, 60)}...` : message}
+        </p>
       </div>
     </DropdownMenuItem>
   )

sim/app/w/[id]/components/notifications/notifications.tsx

@@ -322,7 +322,9 @@ function NotificationAlert({ notification, isFading, onHide }: NotificationAlert
 
               <AlertDescription className="space-y-4">
                 {/* Message with auto-expanding and max height */}
-                <p className="max-h-[300px] overflow-hidden text-ellipsis">{message}</p>
+                <p className="max-h-[300px] overflow-hidden break-words break-all whitespace-normal">
+                  {message}
+                </p>
 
                 {/* Optional sections with copyable content */}
                 {options?.sections?.map((section, index) => (