Change Emojis to Icons

[atharva-kashyap]

Describe this pull request. Link to relevant GitHub issues, if any.

This pull request updates some of the emojis on the web interface. This is linked to Issue number #25. This is to have icons consistent across all devices.

Explain how this pull request was tested, including but not limited to the below checkmarks.

This pull request was tested by running and ensuring the functionality stayed consistent overall.

---

Before creating a pull request

• Format React code with npm run format
• [N/A ] Format Python code by running python3 -m black . in the top-level of this repository
• Thoroughly test your code's functionality, including unintended uses.
• Thoroughly test your code's responsiveness by rendering it on different devices, browsers, etc.
• [N/A because I did not change any workflows ] Consider the user flow between states that this feature introduces, consider different situations that might occur for the user, and ensure that there is no way for the user to get stuck in a loop.

Before merging a pull request

• Squash all your commits into one (or Squash and Merge)

[atharva-kashyap]

Note: For crediting the icon creators, I have them somewhere else. I am not sure where I should add that in the codebase. Please let me know and I can add that as well!

[amalnanavati]

Credit to icon designers should go in https://github.com/personalrobotics/feeding_web_interface/blob/main/feedingwebapp/Acknowledgements.md

Often times, the website where you got the icons (e.g., The Noun Project) will have specific guidelines on how to attribute the creators. Follow those guidelines when wording the Acknowledgement statement(s).

Make sure the icons are open-source (commonly denoted by having a Creative Commons license)

[atharva-kashyap]

@amalnanavati Thanks for the feedback! I have added the acknowledgments as well!