Add Visualization Tool for Clava

[Process-ing]

NOTE: This PR is a revamp of this one, in the Clava repository, and most of the things here are also referred in the previous PR.

Description

Closes #1. This PR adds a visualization tool that allows the visual mapping of the source code to the AST. This tool was develop on the context of the summer internship with topic "[CSE01] Visual Mapping of Source Code to Abstract Syntax Tree (AST)", from the INESC TEC Summer Internship 2024 programme.

To be precise, this PR creates the specialization of the tool for Clava. So, this PR must be merged before merging this one.

Changes Made

• Added specializations of GenericVisualizationTool and GenericAstConverter, defined in the LARA API, that implements the needed operations for the Clava compiler.
• Configured the base NPM project so that the tool can be used in a Clava project as an NPM package.

How Has This Been Tested

This was mainly tested manually.

To test the project, first do the setup described in Clava-JS (but using the staging branches in Clava and LARA). Then, clone the visualization tool's repositories, in the right branches:

git clone -b feature/ast-visualization https://github.com/specs-feup/lara-visualization.git
git clone -b feature/ast-visualization https://github.com/specs-feup/clava-visualization.git

Edit the base folder's package.json to the following:

{
  "type": "module",
  "workspaces": [
    "clava/Clava-JS",
    "lara-framework/Lara-JS",
    "lara-visualization",
    "clava-visualization"
  ]
}

Then, execute the following commands to finish the compilation procedure:

npm install
npm run build -w lara-visualization
npm run build -w clava-visualization
npm install

To run the tool, in the script fed to Clava, import VisualizationTool and call await VisualizationTool.visualize() on the point of execution where you want to analyze the AST. You can find more information in the README.