Feat: Task Popover

[PraveenKum11]

Description

• Adds a Task Popover component (FE)
• Used to show task details and progress when hovering a card

Screenshot/Screencast

Checklist

• I have carefully reviewed the code before submitting it for review.
• This code is adequately covered by unit tests to validate its functionality.
• I have conducted thorough testing to ensure it functions as intended.
• A member of the QA team has reviewed and tested this PR (To be checked by QA or code reviewer)

Partially addresses #830

[Copilot]

Pull request overview

This PR extends the frontend design system with a new ProgressV2 component (including overflow handling) and adds a new app-level TaskPopover UI that uses it, alongside a small time parsing utility and Tailwind source configuration updates.

Changes:

• Added ProgressV2 component + public exports in the design-system package.
• Added timeToDecimalHours("HH:MM") utility to support progress calculations.
• Added a new TaskPopover component in the app and updated Tailwind CSS sources to scan design-system source for class usage.

Reviewed changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
frontend/packages/design-system/src/utils/index.ts	Formatting tweaks + new timeToDecimalHours utility.
frontend/packages/design-system/src/components/progress-v2/types.ts	Introduces props type for the new ProgressV2 component.
frontend/packages/design-system/src/components/progress-v2/progress-v2.tsx	Implements new progress component (overflow + interval modes).
frontend/packages/design-system/src/components/progress-v2/index.ts	Barrel export for ProgressV2.
frontend/packages/design-system/src/components/index.ts	Re-exports ProgressV2 from the design-system components entrypoint.
frontend/packages/app/src/global.css	Adds Tailwind @source for design-system source scanning + whitespace cleanup.
frontend/packages/app/src/components/taskPopover.tsx	New popover UI showing task status + progress using ProgressV2.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review. Take the survey.

[b1ink0]

Handle text overflow for very long labels or badge text; it should truncate properly.

[b1ink0]

Let’s use camelCase for keys and use a map to map them to their values.

[PraveenKum11]

Hey @b1ink0, I deliberately removed the mapping - let's discuss this on call.

[PraveenKum11]

Brief reasoning:

• There is no benefit of using one over the other, except using camel case creates an overhead
• The API returns Capital case, so we can just match the api
• We already have the Status type in app/types
• We don't need to export the map everywhere, just the type
• This was the existing model

[b1ink0]

Lets add a renderName format for any prop which is renders a JSX component.