(core) New UI for raw data views

Summary:
Creating new UI for raw data views based on design.
- Renaming left for follow up diff
- Link in the menu is hidden for now
To access raw UI, use /p/data URL.

Test Plan: new tests

Reviewers: georgegevoian

Reviewed By: georgegevoian

Subscribers: dsagal

Differential Revision: https://phab.getgrist.com/D3306

app/client/ui/DocMenuCss.ts

@@ -21,6 +21,11 @@ export const docList = styled('div', `
       padding: 32px 24px 24px 24px;
     }
   }
+  @media print {
+    & {
+      display: none;
+    }
+  }
 `);
 
 export const docListHeader = styled('div', `

app/client/ui/Tools.ts

@@ -49,7 +49,16 @@ export function tools(owner: Disposable, gristDoc: GristDoc, leftPanelOpen: Obse
       }),
       testId('access-rules'),
     ),
-
+    // Raw data - for now hidden.
+    // cssPageEntry(
+    //   cssPageEntry.cls('-selected', (use) => use(gristDoc.activeViewId) === 'data'),
+    //   cssPageLink(
+    //     cssPageIcon('Database'),
+    //     cssLinkText('Raw data'),
+    //     testId('raw'),
+    //     urlState().setLinkUrl({docPage: 'data'})
+    //   )
+    // ),
     cssPageEntry(
       cssPageLink(cssPageIcon('Log'), cssLinkText('Document History'), testId('log'),
         dom.on('click', () => gristDoc.showTool('docHistory')))