Fix bug with display of Tools data on Homepage and Projects page

[davidwiese]

Fixes #5321

What changes did you make?

• Fixed indentation of the project-tools div to match the others in the section
• Refactored the ${project.tools} code to place a comma and space between each tool, similar to the project languages and project technologies
• Confirmed with Docker that the Tools data renders as expected on both pages, and didn't notice any unexpected changes

Why did you make the changes (we will use this info to test)?

• So that the website better demonstrates professionalism and attention to detail to our visitors

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[github-actions]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b davidwiese-fix-bug-display-tools-data-5321 gh-pages
git pull https://github.com/davidwiese/website.git fix-bug-display-tools-data-5321

[t-will-gillis]

available & eta: 8/31

[roslynwythe]

Thank you @davidwiese for prompt and professional work on this time-sensitive issue. Your code change is correct and elegant, the PR is well-formed and descriptive and checks out in the browser on these project pages: Access the Data, Brigade Organizers Playbook, Food Oasis, website.

[t-will-gillis]

Hey @davidwiese Fantastic work! You have the bases covered: the branches are correct, the PR is linked to the original issue, the description explains exactly what you did and why, and the screenshots demonstrate the edits were successful. Your code is clean and concise. Thanks for taking up this issue!