Added UI changes to the edit task feature on WBS list page

[ShraddhaShahari]

Description

Related PRS (if any):
This frontend PR which is not related to the any backend PR.

Main changes explained:

Previously, the layout of "Edit Task" form was different, this update ensures it remains stable and visually consistent same as "Add Task" form.

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. login as Admin/Owner user
5. Other Links>Projects>WBS Icon>Choose a WBS>Edit Task
6. verify that the formatting should look same as when you Add Task: Admin/Owner login>Other Links>Projects>WBS Icon>Choose a WBS>Add Task
7. Please refer screenshot below to verify above changes

Screenshots or videos of changes:

Note:

Include the information the reviewers need to know.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	ba72831
🔍 Latest deploy log	https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/67ddede21fdcb300082a0425
😎 Deploy Preview	https://deploy-preview-3300--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nikhilrouth]

I have reviewed and tested this PR and found a few inconsistencies and discrepancies:

UI Discrepancies in Edit Task vs. Add Task:

1. Status Row: Labels are misaligned compared to Add Task.

2. Hours Row: Labels are bold in Edit Task but normal in Add Task, and there is a spacing difference.

3. Text Fields (Why this Task is Important, Design Intent, Endstate): Edit Task includes colons (:) at the end of statements, while Add Task does not.

4. Date Formatting: Dates in Edit Task (2025-03-21T07:00:00.00) are not formatted properly.

Please refer below

[one-community]

I have reviewed and tested this PR and found a few inconsistencies and discrepancies:

UI Discrepancies in Edit Task vs. Add Task:

1. Status Row: Labels are misaligned compared to Add Task.
2. Hours Row: Labels are bold in Edit Task but normal in Add Task, and there is a spacing difference.
3. Text Fields (Why this Task is Important, Design Intent, Endstate): Edit Task includes colons (:) at the end of statements, while Add Task does not.
4. Date Formatting: Dates in Edit Task (2025-03-21T07:00:00.00) are not formatted properly.

Please refer below

Great review!

[one-community]

I have reviewed and tested this PR and found a few inconsistencies and discrepancies:
UI Discrepancies in Edit Task vs. Add Task:

1. Status Row: Labels are misaligned compared to Add Task.
2. Hours Row: Labels are bold in Edit Task but normal in Add Task, and there is a spacing difference.
3. Text Fields (Why this Task is Important, Design Intent, Endstate): Edit Task includes colons (:) at the end of statements, while Add Task does not.
4. Date Formatting: Dates in Edit Task (2025-03-21T07:00:00.00) are not formatted properly.

Please refer below

Great review!

My feedback clarifications based on this: https://www.loom.com/share/2b7ba1847eec433b8cf8ea447e5802ad?sid=82c461a6-31f8-4429-a8b1-05703ae1573a

[ShraddhaShahari]

I will start doing all the suggested changes, and will raise the PR.