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

[t-will-gillis]

Prerequisite

1. Be a member of Hack for LA. (There are no fees to join.) If you have not joined yet, please follow the steps on our Getting Started page.
2. Please make sure you have read our Hack for LA Contributing Guide before you claim/start working on an issue.

Overview

We want our website to demonstrate professionalism and attention to detail to our visitors. On the homepage and Projects page, a bug was recently introduced that removes the spaces between entries in the Tools data.

Screenshot of existing Tools data on project card, no spaces between entries

Action Items

• Refer to current-projects.js, which is the code for the rendering of the project data on the two HfLA webpages.
• Towards the end of the file, within the projectCardComponent() function, there is code to render the tools data when it exists.
  • The indentation of the <div class="project-tools"> needs to match the indentation of the other <div>s in this section.
  • The line which includes ${ project.tools } should be refactored in a similar fashion as for project.languages and project.technologies, so that a comma and a space are added between the each entry when joining the tools data into a list string
• Confirm with Docker on your local repo that the Tools data renders as expected on the two webpages, and review and compare the rest of the pages to confirm that no other unexpected changes/ deletions/ etc. have been made.

Resources/Instructions

Hompage
Projects page
This issue was initiated by #5309

[t-will-gillis]

Hello @erinzz I am unassigning you from this issue because you have not completed a Complexity: Small issue yet. There currently are small issues available on the Project Board.

[github-actions]

Hi @davidwiese, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:-
i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?)
ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

[davidwiese]

Availability: August 30 12-4pm
ETA: August 31 4pm