[FEAT] 518 extraction phase can we make the list of studies more spre…

…adsheet like (#820)

* feat: added wireframes for extraction

* feat: added table

* feat: implemented table and table ordering during study edit

* feat: preserve table state in session storage and fix unit tests

* feat: finished integration tests

compose/neurosynth-frontend/cypress/e2e/pages/BaseStudyPage.cy.tsx

@@ -7,7 +7,7 @@ const PAGE_NAME = 'BaseStudyPage';
 
 describe(PAGE_NAME, () => {
     beforeEach(() => {
-        cy.clearLocalStorage().clearSessionStorage();
+        cy.clearLocalStorage();
         cy.intercept('GET', `https://api.semanticscholar.org/**`, {
             fixture: 'semanticScholar',
         }).as('semanticScholarFixture');

compose/neurosynth-frontend/cypress/e2e/pages/EditStudyPage.cy.tsx

@@ -7,7 +7,7 @@ const PAGE_NAME = 'EditStudyPage';
 
 describe(PAGE_NAME, () => {
     beforeEach(() => {
-        cy.clearLocalStorage().clearSessionStorage();
+        cy.clearLocalStorage();
         cy.intercept('GET', 'https://api.appzi.io/**', { fixture: 'appzi' }).as('appziFixture');
         cy.intercept('GET', `https://api.semanticscholar.org/**`, {
             fixture: 'semanticScholar',

compose/neurosynth-frontend/cypress/e2e/pages/LandingPage.cy.tsx

@@ -6,7 +6,7 @@ const PAGE_NAME = 'LandingPage';
 
 describe(PAGE_NAME, () => {
     beforeEach(() => {
-        cy.clearLocalStorage().clearSessionStorage();
+        cy.clearLocalStorage();
         cy.intercept('GET', 'https://api.appzi.io/**', { fixture: 'appzi' }).as('appziFixture');
         cy.intercept('GET', `**/api/base-studies/**`, {
             fixture: 'baseStudies/baseStudiesNoResults',

compose/neurosynth-frontend/cypress/e2e/pages/MetaAnalysisPage.cy.tsx

@@ -7,7 +7,7 @@ const PAGE_NAME = 'MetaAnalysisPage';
 
 describe(PAGE_NAME, () => {
     beforeEach(() => {
-        cy.clearLocalStorage().clearSessionStorage();
+        cy.clearLocalStorage();
         cy.intercept('GET', 'https://api.appzi.io/**', { fixture: 'appzi' }).as('appziFixture');
         cy.intercept('GET', `**/api/specifications/**`, { fixture: 'specification' }).as(
             'specificationFixture'

compose/neurosynth-frontend/cypress/e2e/pages/ProjectMetaAnalysesPage.cy.tsx

@@ -7,7 +7,7 @@ const PAGE_NAME = 'ProjectMetaAnalysesPage';
 
 describe(PAGE_NAME, () => {
     beforeEach(() => {
-        cy.clearLocalStorage().clearSessionStorage();
+        cy.clearLocalStorage();
         cy.intercept('GET', 'https://api.appzi.io/**', { fixture: 'appzi' }).as('appziFixture');
         cy.intercept('GET', `**/api/specifications/**`, { fixture: 'specification' }).as(
             'specificationFixture'

compose/neurosynth-frontend/cypress/e2e/pages/ProjectPage.cy.tsx

@@ -7,7 +7,7 @@ const PAGE_NAME = 'ProjectPage';
 
 describe(PAGE_NAME, () => {
     beforeEach(() => {
-        cy.clearLocalStorage().clearSessionStorage();
+        cy.clearLocalStorage();
         cy.intercept('GET', 'https://api.appzi.io/**', { fixture: 'appzi' }).as('appziFixture');
         cy.intercept('POST', `https://www.google-analytics.com/*/**`, {}).as(
             'googleAnalyticsFixture'

compose/neurosynth-frontend/cypress/e2e/pages/PublicStudiesPage.cy.tsx

@@ -9,7 +9,7 @@ const PAGE_NAME = 'StudiesPage';
 
 describe.skip(PAGE_NAME, () => {
     beforeEach(() => {
-        cy.clearLocalStorage().clearSessionStorage();
+        cy.clearLocalStorage();
         cy.intercept('GET', 'https://api.appzi.io/**', { fixture: 'appzi' }).as('appziFixture');
     });
 

compose/neurosynth-frontend/cypress/e2e/workflows/Curation/ImportStudiesDialog.cy.tsx

@@ -2,7 +2,7 @@
 
 describe('ImportStudiesDialog', () => {
     beforeEach(() => {
-        cy.clearLocalStorage().clearSessionStorage();
+        cy.clearLocalStorage();
         cy.intercept('GET', 'https://api.appzi.io/**', { fixture: 'appzi' }).as('appziFixture');
         cy.intercept('GET', `**/api/projects/*`, {
             fixture: 'projects/projectExtractionStep',
@@ -198,14 +198,14 @@ describe('ImportStudiesDialog', () => {
         });
 
         it('should set the source and show the input', () => {
-            cy.get('input[role="combobox"').click();
+            cy.get('input[role="combobox"]').click();
             cy.contains('li', 'Scopus').click();
             cy.get('textarea').should('be.visible');
             cy.contains(/Input is empty/).should('be.visible');
         });
 
         it('should set the sources and enable the next button', () => {
-            cy.get('input[role="combobox"').click();
+            cy.get('input[role="combobox"]').click();
             cy.contains('li', 'Scopus').click();
             cy.get('textarea[placeholder="paste in valid endnote, bibtex, or RIS syntax"]')
                 .click()
@@ -220,7 +220,7 @@ describe('ImportStudiesDialog', () => {
         });
 
         it('should show an error message', () => {
-            cy.get('input[role="combobox"').click();
+            cy.get('input[role="combobox"]').click();
             cy.contains('li', 'Scopus').click();
             cy.get('textarea[placeholder="paste in valid endnote, bibtex, or RIS syntax"]').type(
                 'INVALID FORMAT'
@@ -229,7 +229,7 @@ describe('ImportStudiesDialog', () => {
         });
 
         it('should import studies', () => {
-            cy.get('input[role="combobox"').click();
+            cy.get('input[role="combobox"]').click();
             cy.contains('li', 'Scopus').click();
             cy.get('textarea[placeholder="paste in valid endnote, bibtex, or RIS syntax"]')
                 .click()
@@ -249,7 +249,7 @@ describe('ImportStudiesDialog', () => {
         });
 
         it('should upload a onenote (ENW) file', () => {
-            cy.get('input[role="combobox"').click();
+            cy.get('input[role="combobox"]').click();
             cy.contains('li', 'Scopus').click();
             cy.get('label[role="button"]').selectFile(
                 'cypress/fixtures/standardFiles/onenoteStudies.txt'