React, Antd, Redux: Left sidebar and top for annotation page (cvat-ai…

…#963)

* Rebased from develop
* Improved getting icons method
* Added more icons
* Left menu
* Initial commit
* Setup SVGO, added some buttons to top
* Top bar progress
* Top bar for annotation page
* Updated styles

cvat-ui/index.d.ts

@@ -0,0 +1 @@
+declare module '*.svg';

cvat-ui/package.json

@@ -25,6 +25,7 @@
     "eslint-plugin-react": "^7.17.0",
     "eslint-plugin-react-hooks": "^1.7.0",
     "html-webpack-plugin": "^3.2.0",
+    "react-svg-loader": "^3.0.3",
     "style-loader": "^1.0.0",
     "typescript": "^3.7.3",
     "webpack": "^4.41.2",

cvat-ui/src/components/annotation-page/annotation-page.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import {
+    Layout,
+} from 'antd';
+
+import AnnotationTopBarComponent from './top-bar/top-bar';
+import StandardWorkspaceComponent from './standard-workspace/standard-workspace';
+
+export default function AnnotationPageComponent(): JSX.Element {
+    return (
+        <Layout className='cvat-annotation-page'>
+            <AnnotationTopBarComponent />
+            <StandardWorkspaceComponent />
+        </Layout>
+    );
+}

cvat-ui/src/components/annotation-page/standard-workspace/canvas-wrapper-component.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import {
+    Layout,
+} from 'antd';
+
+export default function CanvasWrapperComponent(): JSX.Element {
+    return (
+        <Layout.Content
+            className='cvat-annotation-page-canvas-container'
+        >
+            main content
+        </Layout.Content>
+    );
+}