Render icon per site type

[Samuel-Therrien-Beslogic]

• The project passes automated tests (build, linting, etc.).
• You updated the project's documentation with new changes.
• You've linked any issue this PR closes
• You reviewed your own PR and made sure there's no test/debug code or any obvious mistakes.

Make sure that the code wasn't copied from elsewhere (check one):

• This is your own original code
• You have made sure that we have permission to use the copied code and that we follow its licensing

Closes #269

As mentioned in #270,

https://www.npmjs.com/package/material-icons does not support custom icons.
Since we already use https://www.npmjs.com/package/@mui/material, we could consider https://www.npmjs.com/package/@mui/icons-material .

For the short term, we're using incorrect, but still unique, icons for "Canopeum" and "Farms Land".

I am still annoyed at "Site Type" living in the database as this forces us to ensure they're generated with the proper IDs. Adding/removing a site type or updating its icon still requires a re-deployment anyway since this isn't something that can be changed by an application user (maybe if we start using the Django Admin Panel? but even then, the custom icon asset and fixed IDs will still be issues)