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/pages/ProfilePlaylistsPage.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { ApiUrlConsumer } from '../utils/contexts/';
+import { PageStore } from '../utils/stores/';
+import { MediaListWrapper } from '../components/MediaListWrapper';
+import ProfilePagesHeader from '../components/profile-page/ProfilePagesHeader';
+import ProfilePagesContent from '../components/profile-page/ProfilePagesContent';
+import { LazyLoadItemListAsync } from '../components/item-list/LazyLoadItemListAsync.jsx';
+import { ProfileMediaPage } from './ProfileMediaPage';
+
+export class ProfilePlaylistsPage extends ProfileMediaPage {
+  constructor(props) {
+    super(props, 'author-playlists');
+
+    this.state = {
+      loadedAuthor: false,
+      loadedPlaylists: false,
+      playlistsCount: -1,
+    };
+
+    this.getPlaylistsCountFunc = this.getPlaylistsCountFunc.bind(this);
+  }
+
+  getPlaylistsCountFunc(resultsCount) {
+    this.setState({
+      loadedPlaylists: true,
+      playlistsCount: resultsCount,
+    });
+  }
+
+  pageContent() {
+    return [
+      this.state.author ? (
+        <ProfilePagesHeader key="ProfilePagesHeader" author={this.state.author} type="playlists" />
+      ) : null,
+      this.state.author ? (
+        <ProfilePagesContent key="ProfilePagesContent">
+          <ApiUrlConsumer>
+            {(apiUrl) => (
+              <MediaListWrapper
+                title={-1 < this.state.playlistsCount ? 'Created playlists' : void 0}
+                className="profile-playlists-content items-list-ver"
+              >
+                <LazyLoadItemListAsync
+                  requestUrl={apiUrl.user.playlists + this.state.author.username}
+                  itemsCountCallback={this.getPlaylistsCountFunc}
+                  hideViews={!PageStore.get('config-media-item').displayViews}
+                  hideAuthor={!PageStore.get('config-media-item').displayAuthor}
+                  hideDate={!PageStore.get('config-media-item').displayPublishDate}
+                />
+              </MediaListWrapper>
+            )}
+          </ApiUrlConsumer>
+        </ProfilePagesContent>
+      ) : null,
+    ];
+  }
+}