Frontent dev env (#247)

* Added frontend development files/environment

* More items-categories related removals

* Improvements in pages templates (inc. static pages)

* Improvements in video player

* Added empty home page message + cta

* Updates in media, playlist and management pages

* Improvements in material icons font loading

* Replaced media & playlists links in frontend dev-env

* frontend package version update

* chnaged frontend dev url port

* static files update

* Changed default position of theme switcher

* enabled frontend docker container

frontend/src/static/js/components/media-page/ViewerInfoVideo.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { MediaPageStore } from '../../utils/stores/';
+import ViewerInfoContent from './ViewerInfoContent';
+import ViewerInfoVideoTitleBanner from './ViewerInfoVideoTitleBanner';
+import ViewerInfo from './ViewerInfo';
+
+export default class ViewerInfoVideo extends ViewerInfo {
+  render() {
+    let views, categories, title, author, published, description;
+    let allowDownload = false;
+
+    if (this.state.videoLoaded) {
+      allowDownload = MediaPageStore.get('media-data').allow_download;
+
+      if (void 0 === allowDownload) {
+        allowDownload = true;
+      } else {
+        allowDownload = !!allowDownload;
+      }
+
+      views = MediaPageStore.get('media-data').views;
+      categories = MediaPageStore.get('media-data').categories_info;
+      title = MediaPageStore.get('media-data').title;
+
+      author = {
+        name: MediaPageStore.get('media-data').author_name,
+        url: MediaPageStore.get('media-data').author_profile,
+        thumb: MediaPageStore.get('media-author-thumbnail-url'),
+      };
+
+      published = MediaPageStore.get('media-data').add_date;
+      description = MediaPageStore.get('media-data').description;
+    }
+
+    return !this.state.videoLoaded ? null : (
+      <div className="viewer-info">
+        <div className="viewer-info-inner">
+          <ViewerInfoVideoTitleBanner
+            title={title}
+            views={views}
+            categories={categories}
+            allowDownload={allowDownload}
+          />
+          <ViewerInfoContent author={author} published={published} description={description} />
+        </div>
+      </div>
+    );
+  }
+}