Create a separate page to list all extractors with detailed information

[longshuicy]

Right now we have a lot of information on each extractor, but we don't have a centralized place to display them (not for submitting purpose, but just listing them)

• Create a "Extractors" tab on the sidebar

  

• Maybe a table view listing all of them

• Utilize all information returned from backend

• There are redux action to use fetchListeners

e.g.

[
    {
        "name": "ncsa.word-cloud-extractor",
        "version": "1.0",
        "description": "Word cloud extractor using VegaLite. Visualize word cloud out of a csv file with 2 columns.",
        "id": "6536bcf674ff7f0aea59d404",
        "creator": null,
        "created": "2023-10-23T18:35:34.888000",
        "modified": "2023-10-23T18:35:34.888000",
        "lastAlive": null,
        "alive": false,
        "properties": {
            "author": "Dipannita Dey <ddey2@illinois.edu>",
            "process": {
                "file": [
                    "csv"
                ]
            },
            "maturity": "Development",
            "name": "ncsa.word-cloud-extractor",
            "contributors": [],
            "contexts": [
                {
                    "url": "https://vega.github.io/vega/examples/word-cloud/"
                }
            ],
            "repository": [
                {
                    "repository_type": "git",
                    "repository_url": ""
                }
            ],
            "external_services": [],
            "libraries": [],
            "bibtex": [],
            "default_labels": [],
            "categories": [],
            "parameters": {
                "schema": {
                    "height": {
                        "type": "integer",
                        "title": "Height of visualization card in px",
                        "default": 400
                    },
                    "width": {
                        "type": "integer",
                        "title": "Width of visualization card in px",
                        "default": 350
                    }
                },
                "form": [
                    {
                        "key": "height",
                        "type": "input"
                    },
                    {
                        "key": "width",
                        "type": "input"
                    }
                ]
            },
            "version": "1.0"
        }
    },
    {
        "name": "ncsa.wordcount",
        "version": "5",
        "description": "WordCount extractor. Counts the number of characters, words and lines in the text file that was uploaded.",
        "id": "6536bddf74ff7f0aea59d406",
        "creator": null,
        "created": "2023-10-23T18:39:27.397000",
        "modified": "2023-11-08T17:15:59.375000",
        "lastAlive": "2023-11-08T17:15:59.378000",
        "alive": true,
        "properties": {
            "author": "Rob Kooper <kooper@illinois.edu>",
            "process": {
                "file": [
                    "text/*",
                    "application/json"
                ]
            },
            "maturity": "Development",
            "name": "ncsa.wordcount",
            "contributors": [],
            "contexts": [
                {
                    "lines": "http://clowder.ncsa.illinois.edu/metadata/ncsa.wordcount#lines",
                    "words": "http://clowder.ncsa.illinois.edu/metadata/ncsa.wordcount#words",
                    "characters": "http://clowder.ncsa.illinois.edu/metadata/ncsa.wordcount#characters"
                }
            ],
            "repository": [
                {
                    "repository_type": "git",
                    "repository_url": ""
                }
            ],
            "external_services": [],
            "libraries": [],
            "bibtex": [],
            "default_labels": [],
            "categories": [],
            "parameters": null,
            "version": "5"
        }
    },
    {
        "name": "ncsa.csv.concatenator",
        "version": "1.0.0",
        "description": "Automatically concatenate tabular data into an ongoing merged file.",
        "id": "6537d54691daad8a54c423c1",
        "creator": null,
        "created": "2023-10-24T14:31:34.394000",
        "modified": "2023-10-24T14:31:34.394000",
        "lastAlive": null,
        "alive": false,
        "properties": {
            "author": "Max Burnette <mburnet2@illinois.edu>",
            "process": {
                "file": [
                    "text/*",
                    "application/excel",
                    "application/vnd_ms-excel",
                    "application/vnd_ms-excel_sheet_macroEnabled_12",
                    "application/vnd_ms-excel_addin_macroEnabled_12",
                    "application/vnd_ms-excel_sheet_binary_macroEnabled_12"
                ]
            },
            "maturity": "Development",
            "name": "ncsa.csv.concatenator",
            "contributors": [],
            "contexts": [],
            "repository": [],
            "external_services": [],
            "libraries": [],
            "bibtex": [
                ""
            ],
            "default_labels": [],
            "categories": [],
            "parameters": null,
            "version": "1.0.0"
        }
    }
]

[lmarini]

Fixed #1022