Improve Upcoming Deadline Display and Date Formatting

Issue Description:
After a deadline is submitted, it appears in the Upcoming Deadlines section with columns labeled “Date” and “Deadline.” The “Deadline” column title is misleading because the value being displayed is actually the deadline description. Rename this column to “Deadline Description” so the displayed information is clearer.

Long deadline descriptions can also cause the Upcoming Deadlines section to take up too much vertical space on the page. Update the description area so that it has a reasonable maximum height and becomes scrollable when the content exceeds that space.

The date display should also be formatted more clearly. Instead of showing the day and month on separate lines, display the date in a consistent single-line format such as 04 Sep 2026 or 09/04/2026.

The delete icon that is at corner of each description should be red so that it fits with universal error design.

Expected Behavior:
The Upcoming Deadlines section should display clearly labeled columns, keep long descriptions contained within a scrollable area, and show dates in a readable single-line format.

UI:

Start by locating the Upcoming Deadlines section and the code that renders its column labels, descriptions, dates, and delete icon. Review the related CSS for the description area, then verify that the label, scrollable height, single-line date, and red delete icon match the expected behavior.

Written by the indexing model from the issue text.