Refactored code to reference the mentioned labels by a general ID

[santisecco]

Fixes #7533

What changes did you make?

• Imported retrieveLabelDirectory() function from retrieve-label-directory.js that fetches the label value, also called labelName (thinking in terms of key-value pair).
• Added constant of the labels appearing in the file, mapped them to the values in label-directory.json using retrieveLabelDirectory()
• Refactored the function postComment() to use the constant variable created above

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

• At this time, the GitHub Actions workflow files that manage labels on issues (adding, removing, or updating them) reference each label directly by its label name (the 'labelName')
• We want these files to identify each label by its 'labelKey' and use the retrieve-label-directory.js module to look up the corresponding 'labelName' in label-directory.json instead of hard-coding the labelNames.
• The specific file modified mentions role: front end, role: back end/devOps, role: design and role: user research so the constant variable created addresses this labels in particular.

CodeQL Alerts

After the PR has been submitted and the resulting GitHub actions/checks have been completed, developers should check the PR for CodeQL alert annotations.

Check the PR's comments. If present on your PR, the CodeQL alert looks similar as shown

Please let us know that you have checked for CodeQL alerts. Please do not dismiss alerts.

• I have checked this PR for CodeQL alerts and none were found.
• I found CodeQL alert(s), and (select one):
  • I have resolved the CodeQL alert(s) as noted
  • I believe the CodeQL alert(s) is a false positive (Merge Team will evaluate)
  • I have followed the Instructions below, but I am still stuck (Merge Team will evaluate)

Instructions for resolving CodeQL alerts

If CodeQL alert/annotations appear, refer to How to Resolve CodeQL alerts.

In general, CodeQL alerts should be resolved prior to PR reviews and merging

Screenshots of Proposed Changes To The Website (if any, please do not include screenshots of code changes)

• No visual changes to the website

To reviewers

• This issue works using Github Actions. To properly test the code changes you need to setup your own environment which can take a while if you haven't done it before. There are some tweaks around it, just post your doubts here or message me on Slack.
• There's a guide on how GHA works on the Wiki, how to setup your own version of the project board, etc. here
• I created another branch in my repo "refactor-gha-7533-debug" that adds a bunch of comments and console.log() to help you understand why the changes were performed that way and to see that the code works as intended.
• Checkout the Project Board on my repo https://github.com/users/santisecco/projects/6, the issues created there and the results from the actions. The following link shows that labels were fetched correctly by the changes and that all the parts of the code run https://github.com/santisecco/website/actions/runs/13726127006
• See the last issue created in my project board (using the debug branch) which shows that even when changing the labelName in label-directory.json, this is fetched correctly. You must watch the raw logs of GHA for this, here goes a screenshot as retrieveLabelDirectory() logs this.

Here are the screenshots

To see the raw logs open the Actions tab, and look for this

Here's the raw log of the last issue created that shows that the value from the directory is fetched correctly more clearly (as "front end" is now "front end GHA ACTIONS FETCHED CORRECTLY USING labelKey")

[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 santisecco-refactor-gha-7533 gh-pages
git pull https://github.com/santisecco/website.git refactor-gha-7533

[t-will-gillis]

Hi @santisecco let me know when this is ready- thanks!

[santisecco]

Hi @t-will-gillis it's ready, thanks