Rollout Plan: Move, refactor, and add SDG info and images

### Dependency
- [x] #4183
- [x] #4159
- [x] #4233
- [x] #4344
- [x] #4187

#### Issues to fix SDG SVGs being the wrong color
- [x] #4254
- [x] #4255
- [x] #4256
- [x] #4225
- [x] #4257
- [x] #4253
- [x] #4258

#### Issues to add a yml file for SDGs
- [x] #4450
- [x] #4451
- [ ] #6220
- [x] #4293
- [ ] #6221
- [ ] #6222
- [ ] #6223

#### Other SDG issues
- [x] #4229
- [ ] #4676
- [x] #6404

### Overview
We want to move and refactor the SDG info and images so that they can be more easily reused.

### Action Items
Write the following issues and add them to the Dependency section above:
- [x] Issues to fix the SDG SVGs being the wrong color
- [x] Issue to add SDG images' colors using the hex color provided by the United Nations
- [x] Issue to add SDG background color classes
- [x] Issue to fix Lucky Parking's detail info page SDG icon and background not matching
- [x] Ask Bonnie to create a repo for the SDGs and set the permissions #6404
------
- [ ] In file HfLA-Website: SDG Files Audit [^1], audit all SDG images, SDG info files, and SCSS SDG info files from
- [ ] feature-homepage-launch branch
- [ ] gh-pages branch
- [ ] A large size issue for a dev to cherry-pick (the way I did it to move the Bigram file) all the SDG images, all the SDG info files, and all the SCSS SDG info files currently
- [ ] An epic to add any missing SDG images
- [ ] An epic to add any missing SDG info files
- [ ] An epic to add any missing targets
- [ ] Rewire where SDG info is referenced and called
- [ ] Once rewiring is done, delete SDG images, SDG info files, and all the SCSS SDG info files
------
- [ ] Issues to add yml files for each SDG. Use issue #4293 as a template.
- [ ] Issue to refactor the Value card on project detailed info pages
- [ ] After #3328 is completed, issue to refactor the cards on the Citizen Engagement page
- [ ] Update [Citizen Engagement page](https://github.com/hackforla/website/wiki/Citizen-Engagement-page) wiki page after removing/refactoring content in the `_project` Markdown files
- [ ] Write issue(s) to address #6277
- [ ] Write epic issue to write small issues: to add sdg target and sdg indicator to each project's yml file
- SDGs will show up on the following webpages: Program Areas page, Individual Project Profile pages, Citizen Engagement page (and future program area pages)
- See the [Program Area Audit spreadsheet](https://docs.google.com/spreadsheets/d/1wkzmWck-aGTzGxiryYEUhGbKRJX8rDDT3RLsAn-E-9o/edit#gid=0) for the SDG info
- See how it is implemented already in this file: https://github.com/hackforla/website/blob/gh-pages/_projects/311-data.md?plain=1

### Resources/Instructions
#### Resources
- [United Nations' SDG guidelines](https://www.un.org/sustainabledevelopment/wp-content/uploads/2019/01/SDG_Guidelines_AUG_2019_Final.pdf)
- [United Nations' SDG Communications materials](https://www.un.org/sustainabledevelopment/news/communications-material/)
- [United Nations Development Programme Sustainable Development Goals](https://www.undp.org/sustainable-development-goals)
- [HfLA: Projects: SDG and Targets](https://docs.google.com/spreadsheets/d/1lV8d8AMSJ5HOiTWlFE7lzbqiKxqMmh8pHADcJMdp7JE/edit#gid=1888069400) Google Sheet
[^1]: [HfLA-Website: SDG Files Audit](https://docs.google.com/spreadsheets/d/1KDrBrLt53YGNhbkYyvJakOM6PJnmGiRjh5yELY362cg/edit?gid=0#gid=0)

NOTES FOR MYSELF -- WILL CLARIFY AND ADD TO THE ISSUE ITSELF ABOVE
- [ ] SDGs should be in an internal/data/sdgs or _sdg collection
- [ ] Images are based on sdg (e.g. 9, 8, 7, etc)
- [ ] image name should use item.sdg
- [ ] See https://github.com/hackforla/website/issues/2037#issuecomment-1465302054 for template edits
- [x] after make issue to change sdg image file names to SDG-#.png (i.e. SDG-17.png)
- [ ] Make issue to ask team how to move the sdg info out of project markdown