to add historic functionallity to webpage package.

[Ginxo]

The idea is to offer to the user the chance to navigate throw dates, dates are basically status snapshots. See https://github.com/kiegroup/droolsjbpm-build-bootstrap/tree/gh-pages/data/productization-jobs

So the idea is to add a new component here (any of the red boxes)

As you probably notice already we are using ant components library https://ant.design/ so maybe we can reuse this component https://ant.design/components/timeline/ (just vertical format which I guess does not fit to our horizontal requirement), or it is maybe better to look for a new timeline specific library.

• https://www.npmjs.com/package/react-horizontal-timeline
• https://www.npmjs.com/package/react-beautiful-horizontal-timeline
• https://www.npmjs.com/package/react-chrono#getting-started

The idea would be to show date + header information on every timeline spot and comparison with current status

The only problem I see here is how to load the different dates we have, because we are not able to ask filesystem to get all ${date}.json files since there's no server, just browser. So probably we should replace generate-data package to additionally add a new date entry on a new snapshots.json file (this would require for us to probably manually create them either for https://github.com/kiegroup/droolsjbpm-build-bootstrap/tree/gh-pages/data and https://github.com/kiegroup/optaplanner/tree/gh-pages/data)

Whenever you click on any date the information will be shown and all the data will be compared with latest (current) like

see https://ant.design/components/statistic/
it has to be very clear for the user the view belongs to an old version, maybe we can use ribbon component https://emanuelescarabattoli.github.io/react-ribbons/index.html