Replace post-create DOM polling with ref-driven scrolling

[coderabbitai]

Summary

Remove the document.querySelector retry loop after task creation. Use React-owned state and refs to scroll the created card into view.

Required changes

• Track the created task identifier.
• Scroll the matching task card into view with a ref-driven approach.
• If timers remain, cancel them when the component unmounts.

Affected areas

• CreateTaskModal.tsx
• Task card component

Acceptance criteria

• The new task card scrolls into view after creation.
• No timer continues after the modal unmounts.
• The implementation does not poll the DOM for the task card.

Source

• Review comment: Feature/bonus points #39 (comment)
• Pull request: Feature/bonus points #39
• Requested by: @Alejandroq12

[coderabbitai]

Technical note

Do not poll the DOM after a mutation. Store the created task ID in React state and attach a callback ref to each card. When the card with that ID mounts, scroll that element and clear the pending ID. This ties the side effect to the rendered element and avoids orphaned timers.

Reference: React: Manipulating the DOM with refs

[coderabbitai]

Engineering note

Let React identify the created task, then attach a ref to that task card and scroll from the ref after it mounts. Do not query or poll the document for React-owned nodes. If an asynchronous callback remains, clean it up during unmount.

Read: React: Manipulating the DOM with refs