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/RecommendedMediaPage.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { ApiUrlConsumer } from '../utils/contexts/';
+import { PageStore } from '../utils/stores/';
+import { MediaListWrapper } from '../components/MediaListWrapper';
+import { LazyLoadItemListAsync } from '../components/item-list/LazyLoadItemListAsync.jsx';
+import { Page } from './Page';
+
+interface RecommendedMediaPageProps {
+  id?: string;
+  title?: string;
+}
+
+export const RecommendedMediaPage: React.FC<RecommendedMediaPageProps> = ({
+  id = 'recommended-media',
+  title = PageStore.get('config-enabled').pages.recommended.title,
+}) => (
+  <Page id={id}>
+    <ApiUrlConsumer>
+      {(apiUrl) => (
+        <MediaListWrapper title={title} className="items-list-ver">
+          <LazyLoadItemListAsync
+            requestUrl={apiUrl.recommended}
+            hideViews={!PageStore.get('config-media-item').displayViews}
+            hideAuthor={!PageStore.get('config-media-item').displayAuthor}
+            hideDate={!PageStore.get('config-media-item').displayPublishDate}
+          />
+        </MediaListWrapper>
+      )}
+    </ApiUrlConsumer>
+  </Page>
+);