[Feature Request] Replace details sidebar with a dedicated task page

[KodeBarista]

Issue/Description:
Currently, editing a task displays its properties in a details sidebar alongside the task list. While this provides quick access to editing, it permanently occupies a significant portion of the window, also restricting any access to primary content & it's sub-tasks.

Expected Behavior

• Selecting a task opens a dedicated task page.
• The page displays:
  • Task title & description/notes with quick actions (Edit title/desc, Favorite task, Delete task)
  • Set Priority, Due date & Reminder
  • Pending & completed sub-tasks with accordion (parent layout)
  • Created and modified metadata
  • "Add new subtask" field at the bottom (gets appended to pending, follows the parent)
• The persistent details sidebar is removed.

Design consideration

Trade-offs:

• This approach works best with a single level of sub-tasks (no deeply nested sub-tasks).
• Migrating current nested sub-tasks to new layout (if any exists in user's system)

Benefits:

• Simplifies the overall task hierarchy.
• UI that translates much better to mobile devices, where deeply nested hierarchies are difficult to navigate.
• Helps establish a more consistent experience across desktop and mobile platforms.

Overall, replacing the persistent details sidebar with a dedicated task page would allow the Tasks application to become more content-focused while providing a stronger foundation for future features and cross-platform usability.

Suggestions/Changes:

• Only edit icon can be used to edit title of a task or subtask
• Clicking on a task navigates to a dedicated page, where we can manage it's properties & sub-tasks
• Clicking on a subtask does nothing
• Sub tasks will still be available to access in parent view (vertical ellipsis will be replaced with delete icon for sub-tasks)

[KodeBarista]

This might scale better for both mobile & desktop platforms but it uses a bit more vertical space in desktop mode.

[KodeBarista]

If this feature is considered for implementation, adding a bit more horizontal padding to the content area while maintaining the width used by the official apps might look better. See this