Fix task creation UI

[The-CerealDev]

Motivation

• The UI used a static placeholder task element which prevented adding real tasks dynamically.
• Tasks needed client-side creation, completion toggles, and proper form validation/reset behavior.

Description

• Replace the static placeholder markup in index.html with an empty .tasklists container so tasks can be appended dynamically.
• Implement createTask() in index.js to validate the title (trim() check), construct task card DOM nodes, toggle completion via a click handler that toggles is-complete, set data-set-date, append the card to .tasklists, and reset the form.
• Update general.css to add .taskimg.is-complete and .taskdesc styles and change .taskdeets layout to a vertical flow.

Testing

• Started a local server with python -m http.server 8000 which served the app successfully.
• Captured a full-page screenshot via Playwright (navigating to http://127.0.0.1:8000/index.html) which succeeded and produced artifacts/task-tamer.png.
• Automated interactions with Playwright that attempted to click the Add Task button timed out and a later Playwright run that evaluated createTask() crashed the headless browser; those interaction attempts failed due to environment/browser instability.

---

Codex Task

[The-CerealDev]

AI assisted programming 👍🥹