Changing all related functions such that reactions button is linked to reaction-count tooltip

[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 and still changes styling when hovered and clicked
• when clicked, reaction-count should increment by 1
• when button is already clicked, if the user clicks again, then it should count as an unreact, and count should decrease by 1 (delta = 0 in total for this specific uid)
• when count button is clicked, a tooltip should show up, showing how many people and who has reacted on this post.

Implementation

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.

Dependencies

Dependent on #45 to be created first.

Resources

Branch: reactions-sprint2-lynn
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.