[Playtime session] Implement action buttons in the playtime session

[Rushi-faldu]

Purpose

Until we get real-time voice input from the user, we will first implement action buttons to represent some of the possible user actions during the playtime activity.

User story

As a user, I want to be able to temporarily pause the activity, repeat the previous step or go to the next step of the activity so that I can interact with Mumbi based on my needs.

Acceptance criteria

• There will be buttons added to the playtime session that the user can interact with.
• A pause button will be on the center to pause the playtime session temporarily.
• When clicked, the activity will pause (the voice suggestions will stop) and the icon of the button will change (similar to when pausing and resuming songs).
• There is a button that repeats the last instruction given.
• When clicked, the last instruction given by the AI agent is repeated.
• There is a button that skips to the next instruction.
• When clicked, the next instruction in line is given by the AI agent.

Design notes

• Wireframes are here

• Design specifics are here

---

Definition of Done (DoD)

• The feature has been fully implemented, thoroughly tested, and integrated into the app with no critical bugs or performance issues.
• Manual testing is complete, verifying that the feature meets all acceptance criteria.
• Big features are documented inside the code, with clear explanations of functionality, usage, and any relevant edge cases.
• The feature has undergone peer review, with the code approved by at least one other team member to ensure quality and maintainability.
• The feature branch has been successfully merged into the main branch, and the pull request is closed and the branch is deleted.
• The feature’s UI/UX has been reviewed to ensure consistency and alignment with design guidelines.