Transition todos#index to use Pajamas::ButtonComponent

What does this MR do and why?

Part of the Pajamas transition it moves the buttons used in todo#index to the use Pajamas::ButtonComponent.

Slightly adjusted the Javascript to adapt to the way the component renders the href differently.

Implements: #384445 (closed)

Screenshots or screen recordings

Screen_Recording_2023-01-24_at_15.52.13

How to set up and validate locally

1. Add a todo item (e.g. [go to/create] an issue and click Add a to do button in top of right sidebar)
2. Go to your todos
3. Click Mark all as done and then undo again

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.