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