Angular Material Typescript 3 Projects: Translations | Dark Mode | Touch & Arrow Support

i need someone that can do three projects for me:

Adding translations to my current code base of the music player using transloco
describing it here:

https://chatgpt.com/share/f51f63ac-94bb-491f-bbd4-184a2c705c3a

Acceptance Criteria:
- Transloco works
- all strings have been added to json translation files
- spanish and english translations are added
- Translations can dynamically change
- A setting for changing the language is added
- modulized approach


Adding Dark Mode:

https://chatgpt.com/share/2cf0d92a-7e1b-4e74-b886-32422c0328d9


Acceptance Criteria:
- Can switch between dark and light mode
- have the two main colors of angular material theme defined in a way to be reusable in all components
( changing it in one place will update it in all components)

Adding Touch & Arrow Support for the Grid pages consisting of cards:
https://chatgpt.com/share/718dae7e-79f7-4baf-81e6-a207db9eb960

Acceptance Criteria:
- Album Card grid can be scrolled with touch gestures
- Touch gestures to control volume, play/stop, showing queue, etc are added
- Scrolling works with arrows up down
- scrolling works smooth


You can find an video of the current app state in the attachment.

I have more tasks but wanna start with these 3