Refactor project page to fix any formatting issues with new tools data format

[ronaldpaek]

Dependency

• Add a Tools filter to the projects check page #4427

Overview

This task involves refactoring the code referencing page.tools to align with the newly implemented data format for tools. The modifications aim to ensure correct display, accommodating spaces in the new data structure.

Action Items

• Refer to project.html and locate where tools is being referenced
• Refactor this code since tools till now be an Array so we need to map over every value

{% if page.tools %}<p><strong>Tools: </strong>{{ page.tools }}</p>{% endif %}

to

{% if page.tools %}
<p id='tools'>
    <strong>Tools: </strong>
    {% for tool in page.tools %}
    {{ tool }}{% if forloop.last == false %},{% endif %}
    {% endfor %}
</p>
{% endif %}

Making this change will ensure tools section renders correctly with the new data format of tools

• Once the change is made, confirm that Tools data is rendering correctly/ as before on individual project pages.

Click here to see pictures of the tools list

Resources/Instructions

• Projects page
• Liquid template language
• This issue is part of an epic: Add a Tools filter to the projects check page #4427

[github-actions]

Hi @ldietz08, 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 :)

[ldietz08]

Availability: M-F 4pm-6pm
ETA: 6/29