Create extension point to connect the touring panel/Refactor LineupSidePanel

[oltionchampari]

Closes #257

Developer documentation:
https://wiki.datavisyn.io/tdp/tutorials/lineup-panel/lineup-side-panel
https://wiki.datavisyn.io/tdp/tutorials/lineup-panel/how-to-add-line-up-panel-tab
https://wiki.datavisyn.io/tdp/tutorials/lineup-panel/how-to-add-a-new-tdp-ranking-button

Summary

• Refactored and extracted the LineupSidePanel class into several different files to make it more scalable
• Added tabbing functionality to the side panel in able to have different content inside of it
• Created extension point to add further tabs to the side panel

To register to the above extension point:

import { EP_TDP_CORE_LINEUP_PANEL_TAB, IPanelTabExtensionDesc } from 'tdp_core/src/extensions';

  registry.push(EP_TDP_CORE_LINEUP_PANEL_TAB, 'statisticalAnalysisPanel', function () {
    return System.import('./TouringPanel');
  }, <IPanelTabExtensionDesc>{
    cssClass: 'fa-calculator',
    title: 'Statistical Analysis',
    order: 10,
    width: '45em',
    shortcut: true
  });

Factory method name /entry point can be defined:

factory:'<my factory method>'

If not defined the default factory method name is

create() 

TODO

• Test side panel in application where it is used in top mode

[oltionchampari]

I retested the side panel in patentbay in top mode again and it works as expected.

[thinkh]

@oltionchampari Thanks for your recent changes! Now it looks good. 👍

@lehnerchristian Please review this PR. If you have questions please let us know. We can also schedule a meeting if you have more to discuss.

[lehnerchristian]

I have just some minor questions and some comments on typings / unused variables. the rest looks fine to me

[thinkh]

@lehnerchristian Thanks for your valuable review. We addressed your comments with the last few commits. As we agreed eariler today in a call, I'm gonna merge the this PR even though you haven't revised it again.