Refactor Like Button and Add Button Animation

[razonm]

This is related to issue #108

Description / Changes Made

• Resolved bug where the like button is not properly set when encountering a previous liked-post
  • Like button state now initializes based on if the post is in the user's likes
• Optimized like button to only update its visual like count locally
  • The like is still sent to the backend, but it will not perform a GET to retrieve the exact number of likes
  • This improves performance since there are less API calls per action
• Animated like button
  • The like button now changes color and pulses when liked/unliked
  • The animation works best if you're on a laptop and use the trackpad to tap since it is dependent on press duration
• Animated other icons
  • The comments, map, and bookmark will now also pulse when interacted with
• Updated icons
  • Icons for posts now use ones from FontAwesome. This is reflected in icon.ts

Portions of this code that utilized AI generation

None. However I consulted with ChatGPT to ask for opinions on adjusting the visual like count locally or from an API call. I opted to just do it locally since there was already a small stutter in animation with the API call.

• Link to Conversation (If Applicable):
• https://chat.openai.com/share/d5de6319-8a36-4338-82ed-5192003ada51

How to Test

1. Start up Firebase emulator, backend, and frontend
2. Login to the app
3. Use postman to make your user follow someone (may have to disable middleware here)
4. Relog then navigate to Friends
5. See that the icons are different
6. Like a post
7. See the animation play (if you are using a mouse, a fast click will make the animation harder to notice)
8. Check Firebase to see that the like was added to the post
9. Relog then navigate to Friends again
10. See that the like icon is already filled and the like count reflects the count in Firebase
11. Interact with the like button again
12. See that it unlikes, that the count decrements, and the change is reflected in Firebase

Checklist

• [x] I have added/updated relevant documentation, and I have followed the coding style guidelines.
• [ ] I have checked for any potential conflicts with other branches and fixed any merge conflicts.