Spike/port demo

[jarvisraymond-uchicago]

$$ \Huge {\color{red} \text{Note: Not ready for review yet, still in development.}} $$

Link to JIRA ticket if there is one:
https://ctds-planx.atlassian.net/browse/VADC-1566

Strategy for Porting

• Each application's files will transferred to new code base after processing
  • rm **/*.css will recursively remove all CSS files
  • The script process_js_ts_files.py (https://github.com/uc-cdis/vadc-data-commons/blob/2fdd268bab9c21df08aa56863ede1dada249a34d/src/pages/AnalysisApps/GWAS/process_js_ts_files.py) will recursively comment out all JS type files
• For each view, a developer will uncomment the associated JS type files associated with the view
  • Replace all AntD components with Mantine
  • Replace Proptypes with Typescript classes and port JS to TS (changing associated file extensions and adding other types)
  • Replace all CSS with tailwind classes
  • Address any changes between React and NextJS (i.e. Images, use of window or localstorage methods)
  • Update existing storybook or create a new storybook that enforces accessibility compliance
  • Port component tests from React Testing / JEST tests to storybook interaction tests as needed
  • Ensure functionality of view and appearance matches view in Data portal.
  • Add any missing dependencies associated with the view (i.e. shared util methods or libraries)

New Features

• Sets up developer demo and infrastructure for porting VADC GWAS App to Gen 3.2