Adding reaction button (toggle on/off) to post container

[yukiiii04]

Description

This sub issue is for getting the actual reaction button to show up. The user would click on this reaction button to toggle a reaction. For this project, we wanted to implement separate buttons for different reactions, but for the sake of time and development, we changed it so that we only have 1 overall button for this purpose.

Acceptance Criteria

This part feature will be accepted after verifying that:

• button with fa-smile icon shows up on post container
• when hovered, background color of button should match the other buttons (light grey)
• when clicked, background color changes again as a signal of confirmed interaction

Implementation Notes

To implement this, @yukiiii04 and @lynzhlang had to go through all relevant files for Upvote/Downvote, which we identified to be the most similar to the feature we want to create.

For this issue specifically (frontend changes & general event function calling), @yukiiii04 looked at upvote/downvote functions and changed similar ones. Primarily by adding a component in the tpl files and creating related components.

Dependencies

No dependencies.

Resources

Branch: reactions-sprint2-yuki
All relevant files doc: https://docs.google.com/document/d/19IliLN_3vqqb-hlR2MCBgwjhhXwsxUy8r6mByMTBIhs/edit?tab=t.0

Testing

This change should be (and can be tested) through navigating to posts after they are posted and seeing if the acceptance criteria are met.