fix: prevent task title overflow in task cards

[yamuna898]

Related Issue

Closes #999

Summary

Fixes a UI issue where long task titles could overflow and break the task card layout.

Changes Made

• Added overflow-wrap: anywhere to handle long unbroken strings.
• Added word-break: break-word for better text wrapping.
• Added multi-line text clamping using -webkit-line-clamp.
• Added overflow: hidden to prevent content from escaping the task card.
• Ensured task cards remain visually consistent when displaying extremely long titles.

Testing

Tested locally with:

• Very long titles without spaces (100+ characters).
• Long titles containing mixed text and numbers.
• Normal task titles.

Verified that:

• Task cards no longer overflow horizontally.
• Action buttons remain visible and aligned.
• Layout remains stable across different title lengths.
• Existing task functionality works as expected.

Screenshots

Before

Long task titles overflowed the task card and disrupted the layout.

After

Long task titles are properly contained within the task card without affecting the layout.

Checklist

• Code follows project style
• Tested locally
• No unrelated changes included
• Documentation updated (if applicable)