From caa7e8e1fb74bc38325d436069241d02bc446b70 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Thu, 13 Jul 2023 18:47:36 +0200
Subject: [PATCH 01/12] [refactor] updated ui of creat post page

---
 .../ContributionForm/ContributionForm.vue     | 357 +++++++++---------
 webapp/locales/de.json                        |   4 +-
 webapp/locales/en.json                        |   4 +-
 webapp/pages/post/create.vue                  | 106 +++---
 4 files changed, 244 insertions(+), 227 deletions(-)

diff --git a/webapp/components/ContributionForm/ContributionForm.vue b/webapp/components/ContributionForm/ContributionForm.vue
index 0067dab72..6d42eed61 100644
--- a/webapp/components/ContributionForm/ContributionForm.vue
+++ b/webapp/components/ContributionForm/ContributionForm.vue
@@ -1,190 +1,203 @@
 <template>
-  <ds-form
-    class="contribution-form"
-    ref="contributionForm"
-    v-model="formData"
-    :schema="formSchema"
-    @submit="submit"
-  >
-    <template #default="{ errors }">
-      <base-card>
-        <template #heroImage>
-          <img
-            v-if="formData.image"
-            :src="formData.image | proxyApiUrl"
-            :class="['image', formData.imageBlurred && '--blur-image']"
+  <div>
+    <div>
+      <h1 v-if="!createEvent" class="title">
+        {{ $t('post.createNewPost.title') }}
+      </h1>
+      <h1 v-else class="title">
+        {{ $t('post.createNewEvent.title') }}
+      </h1>
+    </div>
+    <ds-form
+      class="contribution-form"
+      ref="contributionForm"
+      v-model="formData"
+      :schema="formSchema"
+      @submit="submit"
+    >
+      <template #default="{ errors }">
+        <base-card>
+          <template #heroImage>
+            <img
+              v-if="formData.image"
+              :src="formData.image | proxyApiUrl"
+              :class="['image', formData.imageBlurred && '--blur-image']"
+            />
+            <image-uploader
+              :hasImage="!!formData.image"
+              :class="[formData.imageBlurred && '--blur-image']"
+              @addHeroImage="addHeroImage"
+              @addImageAspectRatio="addImageAspectRatio"
+              @addImageType="addImageType"
+            />
+          </template>
+          <div v-if="formData.image" class="blur-toggle">
+            <label for="blur-img">{{ $t('contribution.inappropriatePicture') }}</label>
+            <input type="checkbox" id="blur-img" v-model="formData.imageBlurred" />
+            <page-params-link class="link" :pageParams="links.FAQ">
+              {{ $t('contribution.inappropriatePicture') }}
+              <base-icon name="question-circle" />
+            </page-params-link>
+          </div>
+          <ds-space margin-top="base" />
+          <ds-input
+            model="title"
+            :placeholder="$t('contribution.title')"
+            name="title"
+            autofocus
+            size="large"
           />
-          <image-uploader
-            :hasImage="!!formData.image"
-            :class="[formData.imageBlurred && '--blur-image']"
-            @addHeroImage="addHeroImage"
-            @addImageAspectRatio="addImageAspectRatio"
-            @addImageType="addImageType"
+          <ds-chip size="base" :color="errors && errors.title && 'danger'">
+            {{ formData.title.length }}/{{ formSchema.title.max }}
+            <base-icon v-if="errors && errors.title" name="warning" />
+          </ds-chip>
+          <editor
+            :users="users"
+            :value="formData.content"
+            :hashtags="hashtags"
+            @input="updateEditorContent"
           />
-        </template>
-        <div v-if="formData.image" class="blur-toggle">
-          <label for="blur-img">{{ $t('contribution.inappropriatePicture') }}</label>
-          <input type="checkbox" id="blur-img" v-model="formData.imageBlurred" />
-          <page-params-link class="link" :pageParams="links.FAQ">
-            {{ $t('contribution.inappropriatePicture') }}
-            <base-icon name="question-circle" />
-          </page-params-link>
-        </div>
-        <ds-space margin-top="base" />
-        <ds-input
-          model="title"
-          :placeholder="$t('contribution.title')"
-          name="title"
-          autofocus
-          size="large"
-        />
-        <ds-chip size="base" :color="errors && errors.title && 'danger'">
-          {{ formData.title.length }}/{{ formSchema.title.max }}
-          <base-icon v-if="errors && errors.title" name="warning" />
-        </ds-chip>
-        <editor
-          :users="users"
-          :value="formData.content"
-          :hashtags="hashtags"
-          @input="updateEditorContent"
-        />
-        <ds-chip size="base" :color="errors && errors.content && 'danger'">
-          {{ contentLength }}
-          <base-icon v-if="errors && errors.content" name="warning" />
-        </ds-chip>
+          <ds-chip size="base" :color="errors && errors.content && 'danger'">
+            {{ contentLength }}
+            <base-icon v-if="errors && errors.content" name="warning" />
+          </ds-chip>
+
+          <!-- Eventdata -->
+          <div v-if="createEvent" class="eventDatas">
+            <hr />
+            <ds-space margin-top="x-small" />
+            <ds-grid>
+              <ds-grid-item class="event-grid-item">
+                <!-- <label>Beginn</label> -->
+                <div class="event-grid-item-z-helper">
+                  <date-picker
+                    name="eventStart"
+                    v-model="formData.eventStart"
+                    type="datetime"
+                    value-type="format"
+                    :minute-step="15"
+                    Xformat="DD-MM-YYYY HH:mm"
+                    class="event-grid-item-z-helper"
+                    :placeholder="$t('post.viewEvent.eventStart')"
+                    :disabled-date="notBeforeToday"
+                    :disabled-time="notBeforeNow"
+                    :show-second="false"
+                    @change="changeEventStart($event)"
+                  ></date-picker>
+                </div>
+                <div
+                  v-if="errors && errors.eventStart"
+                  class="chipbox event-grid-item-margin-helper"
+                >
+                  <ds-chip size="base" :color="errors && errors.eventStart && 'danger'">
+                    <base-icon name="warning" />
+                  </ds-chip>
+                </div>
+              </ds-grid-item>
+              <ds-grid-item class="event-grid-item">
+                <!-- <label>Ende (optional)</label> -->
 
-        <!-- Eventdata -->
-        <div v-if="createEvent" class="eventDatas">
-          <hr />
-          <ds-space margin-top="x-small" />
-          <ds-grid>
-            <ds-grid-item class="event-grid-item">
-              <!-- <label>Beginn</label> -->
-              <div class="event-grid-item-z-helper">
                 <date-picker
-                  name="eventStart"
-                  v-model="formData.eventStart"
+                  v-model="formData.eventEnd"
+                  name="eventEnd"
                   type="datetime"
                   value-type="format"
                   :minute-step="15"
+                  :seconds-step="0"
                   Xformat="DD-MM-YYYY HH:mm"
-                  class="event-grid-item-z-helper"
-                  :placeholder="$t('post.viewEvent.eventStart')"
-                  :disabled-date="notBeforeToday"
-                  :disabled-time="notBeforeNow"
+                  :placeholder="$t('post.viewEvent.eventEnd')"
+                  class="event-grid-item-font-helper"
+                  :disabled-date="notBeforeEventDay"
+                  :disabled-time="notBeforeEvent"
                   :show-second="false"
-                  @change="changeEventStart($event)"
+                  @change="changeEventEnd($event)"
                 ></date-picker>
-              </div>
-              <div v-if="errors && errors.eventStart" class="chipbox event-grid-item-margin-helper">
-                <ds-chip size="base" :color="errors && errors.eventStart && 'danger'">
-                  <base-icon name="warning" />
-                </ds-chip>
-              </div>
-            </ds-grid-item>
-            <ds-grid-item class="event-grid-item">
-              <!-- <label>Ende (optional)</label> -->
+              </ds-grid-item>
+            </ds-grid>
+            <ds-grid class="event-location-grid">
+              <ds-grid-item class="event-grid-item">
+                <ds-input
+                  model="eventVenue"
+                  name="eventVenue"
+                  :placeholder="$t('post.viewEvent.eventVenue')"
+                />
+                <div class="chipbox">
+                  <ds-chip size="base" :color="errors && errors.eventVenue && 'danger'">
+                    {{ formData.eventVenue.length }}/{{ formSchema.eventVenue.max }}
+                    <base-icon v-if="errors && errors.eventVenue" name="warning" />
+                  </ds-chip>
+                </div>
+              </ds-grid-item>
+              <ds-grid-item v-if="showEventLocationName" class="event-grid-item">
+                <ds-input
+                  model="eventLocationName"
+                  name="eventLocationName"
+                  :placeholder="$t('post.viewEvent.eventLocationName')"
+                />
+                <div class="chipbox">
+                  <ds-chip size="base" :color="errors && errors.eventLocationName && 'danger'">
+                    {{ formData.eventLocationName.length }}/{{ formSchema.eventLocationName.max }}
+                    <base-icon v-if="errors && errors.eventLocationName" name="warning" />
+                  </ds-chip>
+                </div>
+              </ds-grid-item>
+            </ds-grid>
 
-              <date-picker
-                v-model="formData.eventEnd"
-                name="eventEnd"
-                type="datetime"
-                value-type="format"
-                :minute-step="15"
-                :seconds-step="0"
-                Xformat="DD-MM-YYYY HH:mm"
-                :placeholder="$t('post.viewEvent.eventEnd')"
+            <div>
+              <input
+                type="checkbox"
+                v-model="formData.eventIsOnline"
+                model="eventIsOnline"
+                name="eventIsOnline"
                 class="event-grid-item-font-helper"
-                :disabled-date="notBeforeEventDay"
-                :disabled-time="notBeforeEvent"
-                :show-second="false"
-                @change="changeEventEnd($event)"
-              ></date-picker>
-            </ds-grid-item>
-          </ds-grid>
-          <ds-grid class="event-location-grid">
-            <ds-grid-item class="event-grid-item">
-              <ds-input
-                model="eventVenue"
-                name="eventVenue"
-                :placeholder="$t('post.viewEvent.eventVenue')"
+                @change="changeEventIsOnline($event)"
               />
-              <div class="chipbox">
-                <ds-chip size="base" :color="errors && errors.eventVenue && 'danger'">
-                  {{ formData.eventVenue.length }}/{{ formSchema.eventVenue.max }}
-                  <base-icon v-if="errors && errors.eventVenue" name="warning" />
-                </ds-chip>
-              </div>
-            </ds-grid-item>
-            <ds-grid-item v-if="showEventLocationName" class="event-grid-item">
-              <ds-input
-                model="eventLocationName"
-                name="eventLocationName"
-                :placeholder="$t('post.viewEvent.eventLocationName')"
-              />
-              <div class="chipbox">
-                <ds-chip size="base" :color="errors && errors.eventLocationName && 'danger'">
-                  {{ formData.eventLocationName.length }}/{{ formSchema.eventLocationName.max }}
-                  <base-icon v-if="errors && errors.eventLocationName" name="warning" />
-                </ds-chip>
-              </div>
-            </ds-grid-item>
-          </ds-grid>
-
-          <div>
-            <input
-              type="checkbox"
-              v-model="formData.eventIsOnline"
-              model="eventIsOnline"
-              name="eventIsOnline"
-              class="event-grid-item-font-helper"
-              @change="changeEventIsOnline($event)"
-            />
-            {{ $t('post.viewEvent.eventIsOnline') }}
+              {{ $t('post.viewEvent.eventIsOnline') }}
+            </div>
           </div>
-        </div>
-        <ds-space margin-top="x-small" />
-        <categories-select
-          v-if="categoriesActive"
-          model="categoryIds"
-          :existingCategoryIds="formData.categoryIds"
-        />
-        <ds-chip
-          v-if="categoriesActive"
-          size="base"
-          :color="errors && errors.categoryIds && 'danger'"
-        >
-          {{ formData.categoryIds.length }} / 3
-          <base-icon v-if="errors && errors.categoryIds" name="warning" />
-        </ds-chip>
-        <ds-flex class="buttons-footer" gutter="xxx-small">
-          <ds-flex-item width="3.5" class="buttons-footer-helper">
-            <!-- eslint-disable vue/no-v-text-v-html-on-component -->
-            <!-- TODO => remove v-html! only text ! no html! security first! -->
-            <ds-text
-              v-if="showGroupHint"
-              v-html="$t('contribution.visibleOnlyForMembersOfGroup', { name: groupName })"
-            />
-            <!-- eslint-enable vue/no-v-text-v-html-on-component -->
-          </ds-flex-item>
-          <ds-flex-item width="0.15" />
-          <ds-flex-item class="action-buttons-group" width="2">
-            <base-button
-              data-test="cancel-button"
-              :disabled="loading"
-              @click="$router.back()"
-              danger
-            >
-              {{ $t('actions.cancel') }}
-            </base-button>
-            <base-button type="submit" icon="check" :loading="loading" :disabled="errors" filled>
-              {{ $t('actions.save') }}
-            </base-button>
-          </ds-flex-item>
-        </ds-flex>
-      </base-card>
-    </template>
-  </ds-form>
+          <ds-space margin-top="x-small" />
+          <categories-select
+            v-if="categoriesActive"
+            model="categoryIds"
+            :existingCategoryIds="formData.categoryIds"
+          />
+          <ds-chip
+            v-if="categoriesActive"
+            size="base"
+            :color="errors && errors.categoryIds && 'danger'"
+          >
+            {{ formData.categoryIds.length }} / 3
+            <base-icon v-if="errors && errors.categoryIds" name="warning" />
+          </ds-chip>
+          <ds-flex class="buttons-footer" gutter="xxx-small">
+            <ds-flex-item width="3.5" class="buttons-footer-helper">
+              <!-- eslint-disable vue/no-v-text-v-html-on-component -->
+              <!-- TODO => remove v-html! only text ! no html! security first! -->
+              <ds-text
+                v-if="showGroupHint"
+                v-html="$t('contribution.visibleOnlyForMembersOfGroup', { name: groupName })"
+              />
+              <!-- eslint-enable vue/no-v-text-v-html-on-component -->
+            </ds-flex-item>
+            <ds-flex-item width="0.15" />
+            <ds-flex-item class="action-buttons-group" width="2">
+              <base-button
+                data-test="cancel-button"
+                :disabled="loading"
+                @click="$router.back()"
+                danger
+              >
+                {{ $t('actions.cancel') }}
+              </base-button>
+              <base-button type="submit" icon="check" :loading="loading" :disabled="errors" filled>
+                {{ $t('actions.save') }}
+              </base-button>
+            </ds-flex-item>
+          </ds-flex>
+        </base-card>
+      </template>
+    </ds-form>
+  </div>
 </template>
 <script>
 import gql from 'graphql-tag'
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index a9a8e9ed4..744955c63 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -731,13 +731,13 @@
       "forGroup": {
         "title": "Für die Gruppe „{name}“"
       },
-      "title": "Erstelle ein neues Event"
+      "title": "Erstelle eine Veranstaltung"
     },
     "createNewPost": {
       "forGroup": {
         "title": "Für die Gruppe „{name}“"
       },
-      "title": "Erstelle einen neuen Beitrag"
+      "title": "Erstelle einen Beitrag"
     },
     "edited": "bearbeitet",
     "editPost": {
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 9af3e11af..a4a3d57ca 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -731,13 +731,13 @@
       "forGroup": {
         "title": "For The Group “{name}”"
       },
-      "title": "Create A New Event"
+      "title": "Create an Event"
     },
     "createNewPost": {
       "forGroup": {
         "title": "For The Group “{name}”"
       },
-      "title": "Create A New Article"
+      "title": "Create an Article"
     },
     "edited": "edited",
     "editPost": {
diff --git a/webapp/pages/post/create.vue b/webapp/pages/post/create.vue
index cc4fb828a..5fff07f19 100644
--- a/webapp/pages/post/create.vue
+++ b/webapp/pages/post/create.vue
@@ -1,55 +1,23 @@
 <template>
   <div>
-    <ds-flex :width="{ base: '100%' }">
-      <ds-flex-item :width="{ base: '100%' }">
-        <ds-flex gutter="base" :width="{ base: '100%', sm: 1 }">
-          <ds-flex-item>
-            <ds-card class="create-form-btn" :primary="!createEvent" centered>
-              <div>
-                <ds-button
-                  v-if="!createEvent"
-                  ghost
-                  fullwidth
-                  size="x-large"
-                  class="inactive-tab-button"
-                >
-                  {{ $t('post.createNewPost.title') }}
-                </ds-button>
-                <ds-button v-else ghost fullwidth size="x-large" @click="switchPostType()">
-                  {{ $t('post.createNewPost.title') }}
-                </ds-button>
-              </div>
-            </ds-card>
-          </ds-flex-item>
-          <ds-flex-item>
-            <ds-card class="create-form-btn" :primary="!!createEvent" centered>
-              <div>
-                <ds-button
-                  ghost
-                  fullwidth
-                  size="x-large"
-                  v-if="createEvent"
-                  hover
-                  class="inactive-tab-button"
-                >
-                  {{ $t('post.createNewEvent.title') }}
-                </ds-button>
-                <ds-button ghost fullwidth size="x-large" v-else @click="switchPostType()">
-                  {{ $t('post.createNewEvent.title') }}
-                </ds-button>
-              </div>
-            </ds-card>
-          </ds-flex-item>
-        </ds-flex>
-        <div v-if="group" class="group-create-title">
-          {{ $t('post.createNewPost.forGroup.title', { name: group.name }) }}
-        </div>
+    <ds-flex gutter="small">
+      <ds-flex-item :width="{ base: '100%', md: '200px' }">
+        <ds-menu class="post-type-menu" :routes="routes">
+          <ds-menu-item
+            @click.prevent="switchPostType($event, item)"
+            slot="menuitem"
+            slot-scope="item"
+            :route="item.route"
+            class="post-type-menu-item"
+          >
+            {{ item.route.name }}
+          </ds-menu-item>
+        </ds-menu>
       </ds-flex-item>
-    </ds-flex>
-
-    <ds-flex :width="{ base: '100%' }" gutter="base">
-      <ds-flex-item :width="{ base: '100%' }">
-        <contribution-form :group="group" :createEvent="createEvent" />
+      <ds-flex-item :width="{ base: '100%', md: 1 }">
+        <transition name="slide-up" appear>
+          <contribution-form :group="group" :createEvent="createEvent" />
+        </transition>
       </ds-flex-item>
     </ds-flex>
   </div>
@@ -74,6 +42,20 @@ export default {
     group() {
       return this.Group && this.Group[0] ? this.Group[0] : null
     },
+    routes() {
+      return [
+        {
+          name: this.$t('post.name'),
+          path: `/post/create`,
+          type: 'post',
+        },
+        {
+          name: this.$t('post.event'),
+          path: `/`,
+          type: 'event',
+        },
+      ]
+    },
   },
   apollo: {
     Group: {
@@ -97,8 +79,18 @@ export default {
     },
   },
   methods: {
-    switchPostType() {
-      this.createEvent = !this.createEvent
+    switchPostType(event, route) {
+      if (route.route.type.toLowerCase() === 'event') {
+        this.createEvent = true
+      } else {
+        this.createEvent = false
+      }
+      // hacky way to set active element
+      const menuItems = document.querySelectorAll('.post-type-menu-item')
+      menuItems.forEach((menuItem) => {
+        menuItem.firstChild.classList.remove('router-link-exact-active', 'router-link-active')
+      })
+      event.target.classList.add('router-link-exact-active')
     },
   },
 }
@@ -120,4 +112,16 @@ export default {
 .create-form-btn .ds-button-ghost:hover {
   background-color: transparent;
 }
+
+.menu-item-active {
+  color: $color-primary;
+  border-left: 2px solid $color-primary;
+  background-color: #faf9fa;
+}
+
+@media screen and (min-width: 768px) {
+  .post-type-menu {
+    margin-top: 39px;
+  }
+}
 </style>

From 18f932f1b69627ccf0390b045e7fd05f43de51a9 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Thu, 20 Jul 2023 10:15:39 +0200
Subject: [PATCH 02/12] [refactor] fixed wrong title on edit post page

---
 .../components/ContributionForm/ContributionForm.vue |  8 --------
 webapp/pages/post/create.vue                         | 12 +++++++++++-
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/webapp/components/ContributionForm/ContributionForm.vue b/webapp/components/ContributionForm/ContributionForm.vue
index 6d42eed61..7ce9da981 100644
--- a/webapp/components/ContributionForm/ContributionForm.vue
+++ b/webapp/components/ContributionForm/ContributionForm.vue
@@ -1,13 +1,5 @@
 <template>
   <div>
-    <div>
-      <h1 v-if="!createEvent" class="title">
-        {{ $t('post.createNewPost.title') }}
-      </h1>
-      <h1 v-else class="title">
-        {{ $t('post.createNewEvent.title') }}
-      </h1>
-    </div>
     <ds-form
       class="contribution-form"
       ref="contributionForm"
diff --git a/webapp/pages/post/create.vue b/webapp/pages/post/create.vue
index 5fff07f19..25b4ed44e 100644
--- a/webapp/pages/post/create.vue
+++ b/webapp/pages/post/create.vue
@@ -16,7 +16,17 @@
       </ds-flex-item>
       <ds-flex-item :width="{ base: '100%', md: 1 }">
         <transition name="slide-up" appear>
-          <contribution-form :group="group" :createEvent="createEvent" />
+          <div>
+            <div>
+              <h1 v-if="!createEvent" class="title">
+                {{ $t('post.createNewPost.title') }}
+              </h1>
+              <h1 v-else class="title">
+                {{ $t('post.createNewEvent.title') }}
+              </h1>
+            </div>
+            <contribution-form :group="group" :createEvent="createEvent" />
+          </div>
         </transition>
       </ds-flex-item>
     </ds-flex>

From f9c71bad747caa8853ce3ccbc5cfe5a088ecd7fa Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 26 Jul 2023 11:17:05 +0200
Subject: [PATCH 03/12] Start search after three characters.

---
 webapp/components/generic/SelectUserSearch/SelectUserSearch.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/components/generic/SelectUserSearch/SelectUserSearch.vue b/webapp/components/generic/SelectUserSearch/SelectUserSearch.vue
index effa185f3..841e0b19f 100644
--- a/webapp/components/generic/SelectUserSearch/SelectUserSearch.vue
+++ b/webapp/components/generic/SelectUserSearch/SelectUserSearch.vue
@@ -54,7 +54,7 @@ export default {
   },
   computed: {
     startSearch() {
-      return this.query && this.query.length > 3
+      return this.query && this.query.length >= 3
     },
   },
   methods: {

From 2706fbfaf42be98ee128cb2acfc0f719fddb8a91 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 26 Jul 2023 12:58:19 +0200
Subject: [PATCH 04/12] Import svg from Nitro-Styleguide.

---
 webapp/assets/_new/icons/svgs/align-center.svg         | 5 +++++
 webapp/assets/_new/icons/svgs/align-justify.svg        | 5 +++++
 webapp/assets/_new/icons/svgs/align-left.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/align-right.svg          | 5 +++++
 webapp/assets/_new/icons/svgs/angle-left.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/angle-right.svg          | 5 +++++
 webapp/assets/_new/icons/svgs/archive.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/arrow-up.svg             | 5 +++++
 webapp/assets/_new/icons/svgs/bar-chart.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/briefcase.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/bug.svg                  | 5 +++++
 webapp/assets/_new/icons/svgs/calculator.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/camera.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/cart-plus.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/certificate.svg          | 5 +++++
 webapp/assets/_new/icons/svgs/chain-broken.svg         | 5 +++++
 webapp/assets/_new/icons/svgs/chain.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/cloud-download.svg       | 5 +++++
 webapp/assets/_new/icons/svgs/cloud-upload.svg         | 5 +++++
 webapp/assets/_new/icons/svgs/cloud.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/code.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/coffee.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/columns.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/compass.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/credit-card.svg          | 5 +++++
 webapp/assets/_new/icons/svgs/crop.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/crosshairs.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/cube.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/cubes.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/cut.svg                  | 5 +++++
 webapp/assets/_new/icons/svgs/dashboard.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/diamond.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/exchange.svg             | 5 +++++
 webapp/assets/_new/icons/svgs/exclamation-triangle.svg | 5 +++++
 webapp/assets/_new/icons/svgs/expand.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/external-link.svg        | 5 +++++
 webapp/assets/_new/icons/svgs/eyedropper.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/facebook.svg             | 5 +++++
 webapp/assets/_new/icons/svgs/female.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/file-archive.svg         | 5 +++++
 webapp/assets/_new/icons/svgs/file-audio.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/file-code.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/file-excel.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/file-image.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/file-movie.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/file-pdf.svg             | 5 +++++
 webapp/assets/_new/icons/svgs/file-photo.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/file-picture.svg         | 5 +++++
 webapp/assets/_new/icons/svgs/file-powerpoint.svg      | 5 +++++
 webapp/assets/_new/icons/svgs/file-sound.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/file-text.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/file-video.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/file-word.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/file-zip.svg             | 5 +++++
 webapp/assets/_new/icons/svgs/files.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/film.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/fire.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/flask.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/floppy.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/folder-open.svg          | 5 +++++
 webapp/assets/_new/icons/svgs/folder.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/frown.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/gamepad.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/gear.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/gears.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/gift.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/github.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/glass.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/group.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/hand-down.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/hand-left.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/hand-pointer.svg         | 2 +-
 webapp/assets/_new/icons/svgs/hand-right.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/hand-stop.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/hand-up.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/headphones.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/heart.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/history.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/hourglass.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/inbox.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/indent.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/info-circle.svg          | 5 +++++
 webapp/assets/_new/icons/svgs/keyboard.svg             | 5 +++++
 webapp/assets/_new/icons/svgs/leaf.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/level-up.svg             | 5 +++++
 webapp/assets/_new/icons/svgs/life-ring.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/list.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/location-arrow.svg       | 5 +++++
 webapp/assets/_new/icons/svgs/magnet.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/male.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/map-pin.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/map-signs.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/map.svg                  | 5 +++++
 webapp/assets/_new/icons/svgs/microphone.svg           | 1 -
 webapp/assets/_new/icons/svgs/mobile-phone.svg         | 5 +++++
 webapp/assets/_new/icons/svgs/paperclip.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/paste.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/pause.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/pencil.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/phone.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/photo.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/pie-chart.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/play-circle.svg          | 5 +++++
 webapp/assets/_new/icons/svgs/play.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/power-off.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/print.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/recycle.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/refresh.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/rocket.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/server.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/share.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/sort-alpha-asc.svg       | 5 +++++
 webapp/assets/_new/icons/svgs/sort-alpha-desc.svg      | 5 +++++
 webapp/assets/_new/icons/svgs/sort.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/spinner.svg              | 5 +++++
 webapp/assets/_new/icons/svgs/star-half-o.svg          | 5 +++++
 webapp/assets/_new/icons/svgs/star-o.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/star.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/subscript.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/sun.svg                  | 5 +++++
 webapp/assets/_new/icons/svgs/superscript.svg          | 5 +++++
 webapp/assets/_new/icons/svgs/table.svg                | 5 +++++
 webapp/assets/_new/icons/svgs/tablet.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/tag.svg                  | 5 +++++
 webapp/assets/_new/icons/svgs/tags.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/terminal.svg             | 5 +++++
 webapp/assets/_new/icons/svgs/ticket.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/toggle-off.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/toggle-on.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/undo.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/upload.svg               | 5 +++++
 webapp/assets/_new/icons/svgs/video-camera.svg         | 5 +++++
 webapp/assets/_new/icons/svgs/volume-down.svg          | 5 +++++
 webapp/assets/_new/icons/svgs/volume-off.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/volume-up.svg            | 5 +++++
 webapp/assets/_new/icons/svgs/wheelchair.svg           | 5 +++++
 webapp/assets/_new/icons/svgs/wifi.svg                 | 5 +++++
 webapp/assets/_new/icons/svgs/youtube-play.svg         | 5 +++++
 138 files changed, 681 insertions(+), 2 deletions(-)
 create mode 100755 webapp/assets/_new/icons/svgs/align-center.svg
 create mode 100755 webapp/assets/_new/icons/svgs/align-justify.svg
 create mode 100755 webapp/assets/_new/icons/svgs/align-left.svg
 create mode 100755 webapp/assets/_new/icons/svgs/align-right.svg
 create mode 100755 webapp/assets/_new/icons/svgs/angle-left.svg
 create mode 100755 webapp/assets/_new/icons/svgs/angle-right.svg
 create mode 100755 webapp/assets/_new/icons/svgs/archive.svg
 create mode 100755 webapp/assets/_new/icons/svgs/arrow-up.svg
 create mode 100755 webapp/assets/_new/icons/svgs/bar-chart.svg
 create mode 100755 webapp/assets/_new/icons/svgs/briefcase.svg
 create mode 100755 webapp/assets/_new/icons/svgs/bug.svg
 create mode 100755 webapp/assets/_new/icons/svgs/calculator.svg
 create mode 100755 webapp/assets/_new/icons/svgs/camera.svg
 create mode 100755 webapp/assets/_new/icons/svgs/cart-plus.svg
 create mode 100755 webapp/assets/_new/icons/svgs/certificate.svg
 create mode 100755 webapp/assets/_new/icons/svgs/chain-broken.svg
 create mode 100755 webapp/assets/_new/icons/svgs/chain.svg
 create mode 100755 webapp/assets/_new/icons/svgs/cloud-download.svg
 create mode 100755 webapp/assets/_new/icons/svgs/cloud-upload.svg
 create mode 100755 webapp/assets/_new/icons/svgs/cloud.svg
 create mode 100755 webapp/assets/_new/icons/svgs/code.svg
 create mode 100755 webapp/assets/_new/icons/svgs/coffee.svg
 create mode 100755 webapp/assets/_new/icons/svgs/columns.svg
 create mode 100755 webapp/assets/_new/icons/svgs/compass.svg
 create mode 100755 webapp/assets/_new/icons/svgs/credit-card.svg
 create mode 100755 webapp/assets/_new/icons/svgs/crop.svg
 create mode 100755 webapp/assets/_new/icons/svgs/crosshairs.svg
 create mode 100755 webapp/assets/_new/icons/svgs/cube.svg
 create mode 100755 webapp/assets/_new/icons/svgs/cubes.svg
 create mode 100755 webapp/assets/_new/icons/svgs/cut.svg
 create mode 100755 webapp/assets/_new/icons/svgs/dashboard.svg
 create mode 100755 webapp/assets/_new/icons/svgs/diamond.svg
 create mode 100755 webapp/assets/_new/icons/svgs/exchange.svg
 create mode 100755 webapp/assets/_new/icons/svgs/exclamation-triangle.svg
 create mode 100755 webapp/assets/_new/icons/svgs/expand.svg
 create mode 100755 webapp/assets/_new/icons/svgs/external-link.svg
 create mode 100755 webapp/assets/_new/icons/svgs/eyedropper.svg
 create mode 100755 webapp/assets/_new/icons/svgs/facebook.svg
 create mode 100755 webapp/assets/_new/icons/svgs/female.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-archive.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-audio.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-code.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-excel.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-image.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-movie.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-pdf.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-photo.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-picture.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-powerpoint.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-sound.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-text.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-video.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-word.svg
 create mode 100755 webapp/assets/_new/icons/svgs/file-zip.svg
 create mode 100755 webapp/assets/_new/icons/svgs/files.svg
 create mode 100755 webapp/assets/_new/icons/svgs/film.svg
 create mode 100755 webapp/assets/_new/icons/svgs/fire.svg
 create mode 100755 webapp/assets/_new/icons/svgs/flask.svg
 create mode 100755 webapp/assets/_new/icons/svgs/floppy.svg
 create mode 100755 webapp/assets/_new/icons/svgs/folder-open.svg
 create mode 100755 webapp/assets/_new/icons/svgs/folder.svg
 create mode 100755 webapp/assets/_new/icons/svgs/frown.svg
 create mode 100755 webapp/assets/_new/icons/svgs/gamepad.svg
 create mode 100755 webapp/assets/_new/icons/svgs/gear.svg
 create mode 100755 webapp/assets/_new/icons/svgs/gears.svg
 create mode 100755 webapp/assets/_new/icons/svgs/gift.svg
 create mode 100755 webapp/assets/_new/icons/svgs/github.svg
 create mode 100755 webapp/assets/_new/icons/svgs/glass.svg
 create mode 100755 webapp/assets/_new/icons/svgs/group.svg
 create mode 100755 webapp/assets/_new/icons/svgs/hand-down.svg
 create mode 100755 webapp/assets/_new/icons/svgs/hand-left.svg
 create mode 100755 webapp/assets/_new/icons/svgs/hand-right.svg
 create mode 100755 webapp/assets/_new/icons/svgs/hand-stop.svg
 create mode 100755 webapp/assets/_new/icons/svgs/hand-up.svg
 create mode 100755 webapp/assets/_new/icons/svgs/headphones.svg
 create mode 100755 webapp/assets/_new/icons/svgs/heart.svg
 create mode 100755 webapp/assets/_new/icons/svgs/history.svg
 create mode 100755 webapp/assets/_new/icons/svgs/hourglass.svg
 create mode 100755 webapp/assets/_new/icons/svgs/inbox.svg
 create mode 100755 webapp/assets/_new/icons/svgs/indent.svg
 create mode 100755 webapp/assets/_new/icons/svgs/info-circle.svg
 create mode 100755 webapp/assets/_new/icons/svgs/keyboard.svg
 create mode 100755 webapp/assets/_new/icons/svgs/leaf.svg
 create mode 100755 webapp/assets/_new/icons/svgs/level-up.svg
 create mode 100755 webapp/assets/_new/icons/svgs/life-ring.svg
 create mode 100755 webapp/assets/_new/icons/svgs/list.svg
 create mode 100755 webapp/assets/_new/icons/svgs/location-arrow.svg
 create mode 100755 webapp/assets/_new/icons/svgs/magnet.svg
 create mode 100755 webapp/assets/_new/icons/svgs/male.svg
 create mode 100755 webapp/assets/_new/icons/svgs/map-pin.svg
 create mode 100755 webapp/assets/_new/icons/svgs/map-signs.svg
 create mode 100755 webapp/assets/_new/icons/svgs/map.svg
 create mode 100755 webapp/assets/_new/icons/svgs/mobile-phone.svg
 create mode 100755 webapp/assets/_new/icons/svgs/paperclip.svg
 create mode 100755 webapp/assets/_new/icons/svgs/paste.svg
 create mode 100755 webapp/assets/_new/icons/svgs/pause.svg
 create mode 100755 webapp/assets/_new/icons/svgs/pencil.svg
 create mode 100755 webapp/assets/_new/icons/svgs/phone.svg
 create mode 100755 webapp/assets/_new/icons/svgs/photo.svg
 create mode 100755 webapp/assets/_new/icons/svgs/pie-chart.svg
 create mode 100755 webapp/assets/_new/icons/svgs/play-circle.svg
 create mode 100755 webapp/assets/_new/icons/svgs/play.svg
 create mode 100755 webapp/assets/_new/icons/svgs/power-off.svg
 create mode 100755 webapp/assets/_new/icons/svgs/print.svg
 create mode 100755 webapp/assets/_new/icons/svgs/recycle.svg
 create mode 100755 webapp/assets/_new/icons/svgs/refresh.svg
 create mode 100755 webapp/assets/_new/icons/svgs/rocket.svg
 create mode 100755 webapp/assets/_new/icons/svgs/server.svg
 create mode 100755 webapp/assets/_new/icons/svgs/share.svg
 create mode 100755 webapp/assets/_new/icons/svgs/sort-alpha-asc.svg
 create mode 100755 webapp/assets/_new/icons/svgs/sort-alpha-desc.svg
 create mode 100755 webapp/assets/_new/icons/svgs/sort.svg
 create mode 100755 webapp/assets/_new/icons/svgs/spinner.svg
 create mode 100755 webapp/assets/_new/icons/svgs/star-half-o.svg
 create mode 100755 webapp/assets/_new/icons/svgs/star-o.svg
 create mode 100755 webapp/assets/_new/icons/svgs/star.svg
 create mode 100755 webapp/assets/_new/icons/svgs/subscript.svg
 create mode 100755 webapp/assets/_new/icons/svgs/sun.svg
 create mode 100755 webapp/assets/_new/icons/svgs/superscript.svg
 create mode 100755 webapp/assets/_new/icons/svgs/table.svg
 create mode 100755 webapp/assets/_new/icons/svgs/tablet.svg
 create mode 100755 webapp/assets/_new/icons/svgs/tag.svg
 create mode 100755 webapp/assets/_new/icons/svgs/tags.svg
 create mode 100755 webapp/assets/_new/icons/svgs/terminal.svg
 create mode 100755 webapp/assets/_new/icons/svgs/ticket.svg
 create mode 100755 webapp/assets/_new/icons/svgs/toggle-off.svg
 create mode 100755 webapp/assets/_new/icons/svgs/toggle-on.svg
 create mode 100755 webapp/assets/_new/icons/svgs/undo.svg
 create mode 100755 webapp/assets/_new/icons/svgs/upload.svg
 create mode 100755 webapp/assets/_new/icons/svgs/video-camera.svg
 create mode 100755 webapp/assets/_new/icons/svgs/volume-down.svg
 create mode 100755 webapp/assets/_new/icons/svgs/volume-off.svg
 create mode 100755 webapp/assets/_new/icons/svgs/volume-up.svg
 create mode 100755 webapp/assets/_new/icons/svgs/wheelchair.svg
 create mode 100755 webapp/assets/_new/icons/svgs/wifi.svg
 create mode 100755 webapp/assets/_new/icons/svgs/youtube-play.svg

diff --git a/webapp/assets/_new/icons/svgs/align-center.svg b/webapp/assets/_new/icons/svgs/align-center.svg
new file mode 100755
index 000000000..4232dff91
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/align-center.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>align-center</title>
+<path d="M3 7h26v2h-26v-2zM7 11h18v2h-18v-2zM3 15h26v2h-26v-2zM7 19h18v2h-18v-2zM3 23h26v2h-26v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/align-justify.svg b/webapp/assets/_new/icons/svgs/align-justify.svg
new file mode 100755
index 000000000..ce82c7f0a
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/align-justify.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>align-justify</title>
+<path d="M3 7h26v2h-26v-2zM3 11h26v2h-26v-2zM3 15h26v2h-26v-2zM3 19h26v2h-26v-2zM3 23h26v2h-26v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/align-left.svg b/webapp/assets/_new/icons/svgs/align-left.svg
new file mode 100755
index 000000000..c76e93dc9
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/align-left.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>align-left</title>
+<path d="M3 7h26v2h-26v-2zM3 11h18v2h-18v-2zM3 15h26v2h-26v-2zM3 19h18v2h-18v-2zM3 23h26v2h-26v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/align-right.svg b/webapp/assets/_new/icons/svgs/align-right.svg
new file mode 100755
index 000000000..24972ed83
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/align-right.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>align-right</title>
+<path d="M3 7h26v2h-26v-2zM11 11h18v2h-18v-2zM3 15h26v2h-26v-2zM11 19h18v2h-18v-2zM3 23h26v2h-26v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/angle-left.svg b/webapp/assets/_new/icons/svgs/angle-left.svg
new file mode 100755
index 000000000..826dd8e34
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/angle-left.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>angle-left</title>
+<path d="M19.031 4.281l1.438 1.438-10.281 10.281 10.281 10.281-1.438 1.438-11-11-0.688-0.719 0.688-0.719z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/angle-right.svg b/webapp/assets/_new/icons/svgs/angle-right.svg
new file mode 100755
index 000000000..1df45a590
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/angle-right.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>angle-right</title>
+<path d="M12.969 4.281l11 11 0.688 0.719-0.688 0.719-11 11-1.438-1.438 10.281-10.281-10.281-10.281z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/archive.svg b/webapp/assets/_new/icons/svgs/archive.svg
new file mode 100755
index 000000000..878713822
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/archive.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>archive</title>
+<path d="M4 5h24v6h-1v16h-22v-16h-1v-6zM6 7v2h20v-2h-20zM7 11v14h18v-14h-18zM12.813 13c0.013-0.001 0.034-0.001 0.047-0.001s0.034 0.001 0.047 0.001c0.013-0.001 0.034-0.001 0.047-0.001s0.034 0.001 0.047 0.001l6.014-0c0.552 0 1 0.448 1 1s-0.448 1-1 1l-0.014-0h-6c-0.026 0.002-0.068 0.004-0.094 0.004-0.554 0-1.004-0.45-1.004-1.004 0-0.505 0.408-0.953 0.911-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/arrow-up.svg b/webapp/assets/_new/icons/svgs/arrow-up.svg
new file mode 100755
index 000000000..f48c186c0
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/arrow-up.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>arrow-up</title>
+<path d="M16 4.094l0.719 0.688 8.5 8.5-1.438 1.438-6.781-6.781v20.063h-2v-20.063l-6.781 6.781-1.438-1.438 8.5-8.5z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/bar-chart.svg b/webapp/assets/_new/icons/svgs/bar-chart.svg
new file mode 100755
index 000000000..0c853e737
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/bar-chart.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>bar-chart</title>
+<path d="M21 4h8v24h-8v-24zM23 6v20h4v-20h-4zM3 10h8v18h-8v-18zM5 12v14h4v-14h-4zM12 16h8v12h-8v-12zM14 18v8h4v-8h-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/briefcase.svg b/webapp/assets/_new/icons/svgs/briefcase.svg
new file mode 100755
index 000000000..c0f6552a0
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/briefcase.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>briefcase</title>
+<path d="M16 3c1.864 0 3.399 1.275 3.844 3h9.156v20h-26v-20h9.156c0.445-1.725 1.98-3 3.844-3zM16 5c-0.81 0-1.428 0.385-1.75 1h3.5c-0.322-0.615-0.94-1-1.75-1zM5 8v9h22v-9h-22zM16 14c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM5 19v5h22v-5h-22z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/bug.svg b/webapp/assets/_new/icons/svgs/bug.svg
new file mode 100755
index 000000000..66374d8bc
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/bug.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>bug</title>
+<path d="M10.719 3.281l2.313 2.313c0.923-0.39 1.922-0.594 2.969-0.594s2.046 0.203 2.969 0.594l2.313-2.313 1.438 1.438-1.938 1.938c1.462 1.119 2.61 2.755 3.344 4.656l2.438-1.219 0.875 1.813-2.75 1.375c0.183 0.876 0.313 1.782 0.313 2.719 0 0.34-0.006 0.666-0.031 1h3.031v2h-3.375c-0.242 1.043-0.561 2.039-1.031 2.938l3 2.25-1.188 1.625-2.938-2.188c-1.618 2.056-3.885 3.375-6.469 3.375s-4.851-1.319-6.469-3.375l-2.938 2.188-1.188-1.625 3-2.25c-0.47-0.898-0.789-1.894-1.031-2.938h-3.375v-2h3.031c-0.025-0.334-0.031-0.66-0.031-1 0-0.937 0.13-1.843 0.313-2.719l-2.75-1.375 0.875-1.813 2.438 1.219c0.734-1.901 1.882-3.538 3.344-4.656l-1.938-1.938zM16 7c-1.978 0-3.827 1.094-5.125 2.875 1.134 0.511 2.924 1.125 5.125 1.125s3.991-0.614 5.125-1.125c-1.298-1.781-3.147-2.875-5.125-2.875zM9.906 11.594c-0.569 1.292-0.906 2.788-0.906 4.406 0 4.629 2.698 8.282 6 8.906v-11.969c-2.17-0.162-3.941-0.801-5.094-1.344zM22.094 11.594c-1.153 0.542-2.924 1.182-5.094 1.344v11.969c3.302-0.625 6-4.278 6-8.906 0-1.618-0.337-3.115-0.906-4.406z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/calculator.svg b/webapp/assets/_new/icons/svgs/calculator.svg
new file mode 100755
index 000000000..657b19919
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/calculator.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>calculator</title>
+<path d="M5 3h20v26h-20v-26zM7 5v22h16v-22h-16zM9 7h12v6h-12v-6zM11 9v2h8v-2h-8zM10 15h2v2h-2v-2zM14 15h2v2h-2v-2zM18 15h2v2h-2v-2zM10 19h2v2h-2v-2zM14 19h2v2h-2v-2zM18 19h2v2h-2v-2zM10 23h2v2h-2v-2zM14 23h2v2h-2v-2zM18 23h2v2h-2v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/camera.svg b/webapp/assets/_new/icons/svgs/camera.svg
new file mode 100755
index 000000000..793620544
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/camera.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>camera</title>
+<path d="M11.5 6h9l0.313 0.406 1.188 1.594h7v18h-26v-18h7l1.188-1.594zM12.5 8l-1.188 1.594-0.313 0.406h-6v14h22v-14h-6l-0.313-0.406-1.188-1.594h-7zM8 11c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM16 11c3.302 0 6 2.698 6 6s-2.698 6-6 6-6-2.698-6-6 2.698-6 6-6zM16 13c-2.221 0-4 1.779-4 4s1.779 4 4 4 4-1.779 4-4-1.779-4-4-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/cart-plus.svg b/webapp/assets/_new/icons/svgs/cart-plus.svg
new file mode 100755
index 000000000..84ea385bd
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/cart-plus.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>cart-plus</title>
+<path d="M4 7h2.219c0.918 0 1.716 0.61 1.938 1.5l2.625 10.5h12.469l2.406-9h2.094l-2.594 9.531c-0.238 0.87-1.004 1.469-1.906 1.469h-12.469c-0.918 0-1.714-0.61-1.938-1.5l-2.625-10.5h-2.219c-0.552 0-1-0.448-1-1s0.448-1 1-1zM22 21c1.645 0 3 1.355 3 3s-1.355 3-3 3-3-1.355-3-3 1.355-3 3-3zM13 21c1.645 0 3 1.355 3 3s-1.355 3-3 3-3-1.355-3-3 1.355-3 3-3zM16 7h2v3h3v2h-3v3h-2v-3h-3v-2h3v-3zM13 23c-0.564 0-1 0.436-1 1s0.436 1 1 1 1-0.436 1-1-0.436-1-1-1zM22 23c-0.564 0-1 0.436-1 1s0.436 1 1 1 1-0.436 1-1-0.436-1-1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/certificate.svg b/webapp/assets/_new/icons/svgs/certificate.svg
new file mode 100755
index 000000000..341b4af3e
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/certificate.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>certificate</title>
+<path d="M16 3c0.624 0 1.248 0.213 1.781 0.594l1.656 1.156 1.875 0.25h0.031c1.314 0.16 2.352 1.223 2.531 2.531 0.003 0.024 0.029 0.038 0.031 0.063h-0.031l0.375 1.875 1.156 1.656c0.762 1.067 0.73 2.476 0.031 3.594v0.031l-0.031 0.031-1.156 1.656-0.25 1.875 3.125 4.75 1.031 1.531h-4.781l-1.156 2.688-0.719 1.719-1.031-1.563-3.156-4.75c-0.818 0.379-1.779 0.349-2.625 0l-3.156 4.75-1.031 1.563-0.719-1.719-1.156-2.688h-4.781l1.031-1.531 3.219-4.906-0.313-1.719-1.188-1.656c-0.762-1.067-0.73-2.507-0.031-3.625v-0.031l0.031-0.031 1.156-1.5 0.25-1.938v-0.031l0.031-0.031c0.283-1.275 1.287-2.279 2.563-2.563l0.031-0.031h0.031l1.906-0.25 1.656-1.156c0.533-0.381 1.157-0.594 1.781-0.594zM16 5.031c-0.229 0-0.458 0.068-0.625 0.188l-2 1.438-0.25 0.031-2.094 0.281c-0.015 0.003-0.016 0.027-0.031 0.031-0.487 0.125-0.875 0.513-1 1-0.004 0.015-0.028 0.016-0.031 0.031l-0.281 2.094-0.031 0.281-0.156 0.188-1.25 1.625c-0.301 0.482-0.269 1.073-0.031 1.406l1.281 1.781 0.156 0.188 0.031 0.25 0.406 2.281v0.063c0.015 0.138 0.063 0.266 0.125 0.375 0.139 0.244 0.378 0.403 0.688 0.438h0.031l2.188 0.313 0.281 0.031 0.188 0.156 1.625 1.25c0.482 0.302 1.073 0.269 1.406 0.031l1.781-1.281 0.188-0.156 0.25-0.031 2.281-0.406h0.063c0.25-0.028 0.45-0.142 0.594-0.313v-0.031l0.063-0.031c0.084-0.122 0.138-0.273 0.156-0.438v-0.031l0.313-2.188 0.031-0.25 1.406-1.969c0.302-0.482 0.269-1.042 0.031-1.375l-1.281-1.781-0.156-0.188-0.031-0.219-0.406-2.219v-0.063c-0.050-0.447-0.365-0.763-0.813-0.813h-0.031l-2.188-0.313-0.25-0.031-0.219-0.156-1.781-1.281c-0.167-0.119-0.396-0.188-0.625-0.188zM22.906 20.25c-0.409 0.323-0.9 0.552-1.438 0.625-0.024 0.003-0.038 0.029-0.063 0.031v-0.031l-1.969 0.344-0.469 0.344 2.125 3.25 0.688-1.594 0.25-0.625h2.406zM9.094 20.281l-1.531 2.313h2.406l0.25 0.625 0.688 1.594 2.125-3.219-0.438-0.344-1.906-0.25c-0.010-0.001-0.021 0.001-0.031 0-0.595-0.072-1.135-0.338-1.563-0.719z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/chain-broken.svg b/webapp/assets/_new/icons/svgs/chain-broken.svg
new file mode 100755
index 000000000..4ba13f49c
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/chain-broken.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>chain-broken</title>
+<path d="M21.75 4c1.603 0 3.189 0.626 4.406 1.844 2.435 2.435 2.435 6.409 0 8.844l-1.469 1.469c-1.015 1.016-2.304 1.618-3.625 1.781l-0.25-2c0.901-0.111 1.745-0.494 2.438-1.188h0.031l1.469-1.469c1.671-1.671 1.671-4.36 0-6.031s-4.36-1.671-6.031 0l-1.469 1.469c-0.692 0.692-1.076 1.564-1.188 2.469l-2-0.25c0.162-1.319 0.765-2.609 1.781-3.625l1.469-1.469c1.218-1.218 2.834-1.844 4.438-1.844zM7.719 6.281l4 4-1.438 1.438-4-4zM10.938 14.063l0.25 2c-0.901 0.111-1.745 0.494-2.438 1.188h-0.031l-1.469 1.469c-1.671 1.671-1.671 4.36 0 6.031s4.36 1.671 6.031 0l1.469-1.469c0.692-0.692 1.076-1.564 1.188-2.469l2 0.25c-0.162 1.319-0.765 2.609-1.781 3.625l-1.469 1.469c-2.435 2.435-6.409 2.435-8.844 0s-2.435-6.409 0-8.844l1.469-1.469c1.015-1.016 2.304-1.618 3.625-1.781zM21.719 20.281l4 4-1.438 1.438-4-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/chain.svg b/webapp/assets/_new/icons/svgs/chain.svg
new file mode 100755
index 000000000..9d390e126
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/chain.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>chain</title>
+<path d="M21.75 4c1.671 0 3.225 0.661 4.406 1.844s1.844 2.735 1.844 4.406-0.662 3.255-1.844 4.438l-1.469 1.469c-1.181 1.183-2.766 1.844-4.438 1.844-0.793 0-1.565-0.153-2.281-0.438l1.625-1.625c0.215 0.038 0.432 0.063 0.656 0.063 1.138 0 2.226-0.445 3.031-1.25l1.469-1.469c1.66-1.66 1.66-4.372 0-6.031-0.804-0.805-1.863-1.25-3-1.25s-2.227 0.444-3.031 1.25l-1.469 1.469c-0.997 0.996-1.391 2.393-1.188 3.688l-1.625 1.625c-0.285-0.716-0.438-1.487-0.438-2.281 0-1.671 0.662-3.255 1.844-4.438l1.469-1.469c1.181-1.183 2.766-1.844 4.438-1.844zM19.281 11.281l1.438 1.438-8 8-1.438-1.438zM11.75 14c0.793 0 1.565 0.153 2.281 0.438l-1.625 1.625c-0.215-0.038-0.432-0.063-0.656-0.063-1.138 0-2.226 0.445-3.031 1.25l-1.469 1.469c-1.66 1.66-1.66 4.372 0 6.031 0.804 0.805 1.863 1.25 3 1.25s2.227-0.444 3.031-1.25l1.469-1.469c0.997-0.996 1.391-2.393 1.188-3.688l1.625-1.625c0.285 0.716 0.438 1.487 0.438 2.281 0 1.671-0.662 3.256-1.844 4.438l-1.469 1.469c-1.181 1.183-2.766 1.844-4.438 1.844s-3.225-0.661-4.406-1.844c-1.182-1.182-1.844-2.735-1.844-4.406s0.662-3.256 1.844-4.438l1.469-1.469c1.181-1.183 2.766-1.844 4.438-1.844z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/cloud-download.svg b/webapp/assets/_new/icons/svgs/cloud-download.svg
new file mode 100755
index 000000000..fcc46456b
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/cloud-download.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>cloud-download</title>
+<path d="M16 5c3.378 0 6.14 2.131 7.344 5.063 3.527 0.182 6.33 2.986 6.563 6.5 1.239 1.102 2.094 2.677 2.094 4.438 0 3.324-2.676 6-6 6h-20c-3.324 0-6-2.676-6-6 0-2.751 1.884-4.944 4.344-5.656 0.597-1.699 2.050-2.919 3.844-3.219 0.454-3.994 3.694-7.125 7.813-7.125zM16 7c-3.37 0-6 2.63-6 6v1h-1c-1.444 0-2.638 0.964-2.938 2.313l-0.125 0.656-0.656 0.125c-1.832 0.319-3.281 1.886-3.281 3.906 0 2.276 1.724 4 4 4h20c2.276 0 4-1.724 4-4 0-1.267-0.65-2.48-1.594-3.188l-0.406-0.313v-0.5c0-2.755-2.245-5-5-5h-1.031l-0.219-0.719c-0.779-2.51-2.988-4.281-5.75-4.281zM15 12h2v6.563l2.281-2.281 1.438 1.438-4 4-0.719 0.688-0.719-0.688-4-4 1.438-1.438 2.281 2.281v-6.563z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/cloud-upload.svg b/webapp/assets/_new/icons/svgs/cloud-upload.svg
new file mode 100755
index 000000000..8a0c486b2
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/cloud-upload.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>cloud-upload</title>
+<path d="M16 4c3.378 0 6.14 2.131 7.344 5.063 3.527 0.182 6.33 2.986 6.563 6.5 1.239 1.102 2.094 2.677 2.094 4.438 0 3.324-2.676 6-6 6h-20c-3.324 0-6-2.676-6-6 0-2.751 1.884-4.944 4.344-5.656 0.597-1.699 2.050-2.919 3.844-3.219 0.454-3.994 3.694-7.125 7.813-7.125zM16 6c-3.37 0-6 2.63-6 6v1h-1c-1.444 0-2.638 0.964-2.938 2.313l-0.125 0.656-0.656 0.125c-1.832 0.319-3.281 1.886-3.281 3.906 0 2.276 1.724 4 4 4h20c2.276 0 4-1.724 4-4 0-1.267-0.65-2.48-1.594-3.188l-0.406-0.313v-0.5c0-2.755-2.245-5-5-5h-1.031l-0.219-0.719c-0.779-2.51-2.988-4.281-5.75-4.281zM16 11.594l0.719 0.688 4 4-1.438 1.438-2.281-2.281v6.563h-2v-6.563l-2.281 2.281-1.438-1.438 4-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/cloud.svg b/webapp/assets/_new/icons/svgs/cloud.svg
new file mode 100755
index 000000000..7ee840e92
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/cloud.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>cloud</title>
+<path d="M16 5c2.451 0 4.563 1.302 5.813 3.219 0.392-0.089 0.755-0.219 1.188-0.219 3.302 0 6 2.698 6 6 1.73 1.055 3 2.835 3 5 0 3.302-2.698 6-6 6h-20c-3.302 0-6-2.698-6-6s2.698-6 6-6c0.211 0 0.394 0.040 0.594 0.063 0.531-1.191 1.439-2.083 2.656-2.563 0.698-3.129 3.419-5.5 6.75-5.5zM16 7c-2.522 0-4.581 1.836-4.938 4.25l-0.094 0.688-0.656 0.156c-1.11 0.265-2.002 1.136-2.25 2.25l-0.188 0.969-1-0.219c-0.298-0.067-0.584-0.094-0.875-0.094-2.22 0-4 1.78-4 4s1.78 4 4 4h20c2.22 0 4-1.78 4-4 0-1.662-1.009-3.078-2.438-3.688l-0.656-0.281 0.063-0.719c0.018-0.235 0.031-0.321 0.031-0.313 0-2.22-1.78-4-4-4-0.444 0-0.875 0.096-1.313 0.25l-0.844 0.281-0.375-0.781c-0.824-1.631-2.511-2.75-4.469-2.75z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/code.svg b/webapp/assets/_new/icons/svgs/code.svg
new file mode 100755
index 000000000..2581fa884
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/code.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>code</title>
+<path d="M18 5h2l-6 22h-2zM7.938 6.406l1.625 1.188-6.313 8.406 6.313 8.406-1.625 1.188-6.75-9-0.438-0.594 0.438-0.594zM24.063 6.406l6.75 9 0.438 0.594-0.438 0.594-6.75 9-1.625-1.188 6.313-8.406-6.313-8.406z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/coffee.svg b/webapp/assets/_new/icons/svgs/coffee.svg
new file mode 100755
index 000000000..302150d0a
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/coffee.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>coffee</title>
+<path d="M16-2h2v4h-2v-4zM20-1h2v3h-2v-3zM10 3h18v4h2c1.645 0 3 1.355 3 3v3c0 1.645-1.355 3-3 3h-2v5c0 1.645-1.355 3-3 3h-12c-1.645 0-3-1.355-3-3v-18zM12 5v16c0 0.555 0.445 1 1 1h12c0.555 0 1-0.445 1-1v-16h-14zM28 9v5h2c0.555 0 1-0.445 1-1v-3c0-0.555-0.445-1-1-1h-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/columns.svg b/webapp/assets/_new/icons/svgs/columns.svg
new file mode 100755
index 000000000..f77576ed4
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/columns.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>columns</title>
+<path d="M5 5h22v22h-22v-22zM7 7v18h8v-18h-8zM17 7v18h8v-18h-8z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/compass.svg b/webapp/assets/_new/icons/svgs/compass.svg
new file mode 100755
index 000000000..935cb5791
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/compass.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>compass</title>
+<path d="M16 3c7.168 0 13 5.832 13 13s-5.832 13-13 13-13-5.832-13-13 5.832-13 13-13zM14.875 5.063c-5.226 0.529-9.341 4.695-9.813 9.938h0.938v2h-0.938c0.475 5.284 4.653 9.462 9.938 9.938v-0.938h2v0.938c5.284-0.475 9.462-4.653 9.938-9.938h-0.938v-2h0.938c-0.475-5.284-4.653-9.462-9.938-9.938v0.938h-2v-0.938c-0.041 0.004-0.084-0.004-0.125 0zM22.094 9.906l-3.688 8.5-8.5 3.688 3.688-8.5zM16 14.5c-0.8 0-1.5 0.7-1.5 1.5s0.7 1.5 1.5 1.5 1.5-0.7 1.5-1.5-0.7-1.5-1.5-1.5z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/credit-card.svg b/webapp/assets/_new/icons/svgs/credit-card.svg
new file mode 100755
index 000000000..29c1fb96f
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/credit-card.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>credit-card</title>
+<path d="M5 5h18c1.645 0 3 1.355 3 3v1h1c1.645 0 3 1.355 3 3v12c0 1.645-1.355 3-3 3h-18c-1.645 0-3-1.355-3-3v-1h-1c-1.645 0-3-1.355-3-3v-12c0-1.645 1.355-3 3-3zM5 7c-0.565 0-1 0.435-1 1v12c0 0.565 0.435 1 1 1h18c0.565 0 1-0.435 1-1v-9h-19v-2h19v-1c0-0.565-0.435-1-1-1h-18zM26 11v2h2v-1c0-0.565-0.435-1-1-1h-1zM26 15v5c0 1.645-1.355 3-3 3h-15v1c0 0.565 0.435 1 1 1h18c0.565 0 1-0.435 1-1v-9h-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/crop.svg b/webapp/assets/_new/icons/svgs/crop.svg
new file mode 100755
index 000000000..069de9d1e
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/crop.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>crop</title>
+<path d="M8 4h2v16.563l10.563-10.563h-9.563v-2h11.563l3.719-3.719 1.438 1.438-3.719 3.719v11.563h-2v-9.563l-10.563 10.563h16.563v2h-4v4h-2v-4h-14v-14h-4v-2h4v-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/crosshairs.svg b/webapp/assets/_new/icons/svgs/crosshairs.svg
new file mode 100755
index 000000000..6d8b9aa04
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/crosshairs.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>crosshairs</title>
+<path d="M15 3h2v2.063c5.268 0.477 9.46 4.67 9.938 9.938h2.063v2h-2.063c-0.477 5.268-4.67 9.46-9.938 9.938v2.063h-2v-2.063c-5.268-0.477-9.46-4.67-9.938-9.938h-2.063v-2h2.063c0.477-5.268 4.67-9.46 9.938-9.938v-2.063zM15 7.031c-4.193 0.453-7.515 3.776-7.969 7.969h1.969v2h-1.969c0.453 4.193 3.776 7.515 7.969 7.969v-1.969h2v1.969c4.193-0.453 7.515-3.776 7.969-7.969h-1.969v-2h1.969c-0.453-4.193-3.776-7.515-7.969-7.969v1.969h-2v-1.969z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/cube.svg b/webapp/assets/_new/icons/svgs/cube.svg
new file mode 100755
index 000000000..97fbdf121
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/cube.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>cube</title>
+<path d="M16 4.406l0.406 0.188 10 4.5 0.594 0.25v12.688l-0.5 0.281-10.5 5.844-0.5-0.281-10.5-5.844v-12.688l0.594-0.25 10-4.5zM16 6.594l-7.688 3.438 7.688 3.844 7.688-3.844zM7 11.625v9.219l8 4.438v-9.656zM25 11.625l-8 4v9.656l8-4.438v-9.219z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/cubes.svg b/webapp/assets/_new/icons/svgs/cubes.svg
new file mode 100755
index 000000000..aeb3d66d1
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/cubes.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>cubes</title>
+<path d="M16 4l0.375 0.156 6.625 2.656v6.719l5.406 2.344 0.594 0.281v8.063l-0.5 0.313-6 3.344-0.469 0.25-0.469-0.219-5.563-2.781-5.563 2.781-0.469 0.219-0.469-0.25-6-3.344-0.5-0.313v-8.063l0.594-0.281 5.406-2.344v-6.719l6.625-2.656zM16 6.188l-3.281 1.281 3.281 1.281 3.281-1.281zM11 8.938v4.625l4 1.781v-4.875zM21 8.938l-4 1.531v4.875l4-1.781v-4.625zM10 15.313l-3.625 1.563 3.625 1.813 3.625-1.781zM22 15.313l-2.5 1.094-1.125 0.5 3.625 1.781 3.625-1.813zM5 18.406v4.656l4 2.25v-4.906zM27 18.406l-4 2v4.906l4-2.25v-4.656zM15 18.469l-4 1.938v4.969l4-2v-4.906zM17 18.469v4.906l4 2v-4.969z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/cut.svg b/webapp/assets/_new/icons/svgs/cut.svg
new file mode 100755
index 000000000..f04b85c3b
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/cut.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>cut</title>
+<path d="M6 6c2.197 0 4 1.803 4 4 0 0.494-0.115 0.969-0.281 1.406l6.063 3.438 10.219-5.844h4l-20.281 11.594c0.166 0.438 0.281 0.913 0.281 1.406 0 2.197-1.803 4-4 4s-4-1.803-4-4 1.803-4 4-4c0.981 0 1.864 0.375 2.563 0.969l5.156-2.938-5.219-2.969c-0.691 0.568-1.543 0.938-2.5 0.938-2.197 0-4-1.803-4-4s1.803-4 4-4zM6 8c-0.977 0-1.784 0.677-1.969 1.594-0.026 0.131-0.031 0.267-0.031 0.406 0 1.116 0.884 2 2 2s2-0.884 2-2-0.884-2-2-2zM19.094 16.813l10.906 6.188h-4l-8.906-5.094zM6 20c-0.977 0-1.784 0.677-1.969 1.594-0.026 0.131-0.031 0.267-0.031 0.406 0 1.116 0.884 2 2 2s2-0.884 2-2-0.884-2-2-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/dashboard.svg b/webapp/assets/_new/icons/svgs/dashboard.svg
new file mode 100755
index 000000000..74358fd41
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/dashboard.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>dashboard</title>
+<path d="M16 4c6.616 0 12 5.384 12 12s-5.384 12-12 12-12-5.384-12-12 5.384-12 12-12zM16 6c-5.535 0-10 4.465-10 10s4.465 10 10 10 10-4.465 10-10-4.465-10-10-10zM16 7c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM10.344 9.344c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM20.938 9.656l1.438 1.406-4.438 4.438c0.041 0.16 0.063 0.327 0.063 0.5 0 1.105-0.895 2-2 2s-2-0.895-2-2 0.895-2 2-2c0.173 0 0.34 0.021 0.5 0.063zM8 15c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM24 15c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM10.344 20.656c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM21.656 20.656c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/diamond.svg b/webapp/assets/_new/icons/svgs/diamond.svg
new file mode 100755
index 000000000..5cad085d9
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/diamond.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>diamond</title>
+<path d="M9.531 6h12.938l5.313 6.375 0.5 0.594-0.5 0.656-11.781 15-0.781-1-11-14-0.5-0.656 0.5-0.594 5-6zM10.469 8l-3.344 4h4.313l2.688-4h-3.656zM17.875 8l2.688 4h4.313l-3.344-4h-3.656zM16 8.844l-2.125 3.156h4.25zM7.031 14l6.594 8.406-2.375-8.406h-4.219zM13.313 14l2.688 9.313 2.656-9.313h-5.344zM20.75 14l-2.375 8.375 6.594-8.375h-4.219z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/exchange.svg b/webapp/assets/_new/icons/svgs/exchange.svg
new file mode 100755
index 000000000..fc8bfaa48
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/exchange.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>exchange</title>
+<path d="M26.188-1.719l6.719 6.719-6.719 6.719-1.406-1.438 4.281-4.281h-21.063v-2h21.063l-4.281-4.281zM13.813 12.281l1.406 1.438-4.281 4.281h21.063v2h-21.063l4.281 4.281-1.406 1.438-6.719-6.719 0.719-0.719z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/exclamation-triangle.svg b/webapp/assets/_new/icons/svgs/exclamation-triangle.svg
new file mode 100755
index 000000000..aa2f7bbac
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/exclamation-triangle.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>exclamation-triangle</title>
+<path d="M16 3.219l0.875 1.5 12 20.781 0.844 1.5h-27.438l0.844-1.5 12-20.781zM16 7.219l-10.25 17.781h20.5zM15 14h2v6h-2v-6zM15 21h2v2h-2v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/expand.svg b/webapp/assets/_new/icons/svgs/expand.svg
new file mode 100755
index 000000000..dc21a7e24
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/expand.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>expand</title>
+<path d="M14 5h13v13h-2v-9.563l-16.563 16.563h9.563v2h-13v-13h2v9.563l16.563-16.563h-9.563v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/external-link.svg b/webapp/assets/_new/icons/svgs/external-link.svg
new file mode 100755
index 000000000..3d7f95574
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/external-link.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>external-link</title>
+<path d="M18 5h9v9h-2v-5.563l-12.281 12.281-1.438-1.438 12.281-12.281h-5.563v-2zM5 9h13l-2 2h-9v14h14v-9l2-2v13h-18v-18z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/eyedropper.svg b/webapp/assets/_new/icons/svgs/eyedropper.svg
new file mode 100755
index 000000000..6cf4151ed
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/eyedropper.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>eyedropper</title>
+<path d="M24.656 3.031c1.108 0 2.222 0.41 3.063 1.25 1.681 1.681 1.681 4.444 0 6.125l-2.813 2.781 1 1-1.406 1.406-1-1-9.5 9.5c-1.064 1.064-1.845 1.684-2.531 2.063s-1.277 0.493-1.688 0.563-0.636 0.113-1.063 0.344-1.040 0.696-2 1.656l-0.719 0.688-0.719-0.688-2-2-0.688-0.719 0.688-0.719c0.986-0.986 1.475-1.621 1.719-2.063s0.276-0.66 0.344-1.063 0.196-1.011 0.563-1.688 0.96-1.429 2-2.469l9.5-9.5-1-1 1.406-1.406 1 1 2.781-2.813c0.84-0.84 1.954-1.25 3.063-1.25zM24.656 5.031c-0.592 0-1.197 0.228-1.656 0.688l-2.781 2.781 3.281 3.281 2.781-2.781c0.919-0.919 0.919-2.362 0-3.281-0.46-0.46-1.033-0.688-1.625-0.688zM18.813 9.906l-9.5 9.5c-0.96 0.96-1.426 1.605-1.656 2.031s-0.274 0.621-0.344 1.031-0.184 1.033-0.563 1.719c-0.259 0.469-0.859 1.1-1.406 1.719l0.75 0.75c0.601-0.529 1.227-1.126 1.688-1.375 0.677-0.366 1.254-0.463 1.656-0.531s0.621-0.1 1.063-0.344 1.108-0.733 2.094-1.719l9.5-9.5z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/facebook.svg b/webapp/assets/_new/icons/svgs/facebook.svg
new file mode 100755
index 000000000..a9e41dfb3
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/facebook.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>facebook</title>
+<path d="M7 5h18c1.093 0 2 0.907 2 2v18c0 1.093-0.907 2-2 2h-18c-1.093 0-2-0.907-2-2v-18c0-1.093 0.907-2 2-2zM7 7v18h9.688v-6.75h-2.625v-3h2.625v-2.25c0-2.583 1.571-3.969 3.875-3.969 1.104 0 2.067 0.057 2.344 0.094v2.719h-1.625c-1.253 0-1.469 0.595-1.469 1.469v1.938h2.969l-0.375 3h-2.594v6.75h5.188v-18h-18z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/female.svg b/webapp/assets/_new/icons/svgs/female.svg
new file mode 100755
index 000000000..2cbe5b470
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/female.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>female</title>
+<path d="M18.125 4h0.594l0.281 0.5 0.938 1.656c1.545 0.156 3.628 0.829 5.438 3.25 2.055 2.749 3.625 7.468 3.625 15.594v1h-9.656c-0.989 0.617-2.104 1-3.344 1s-2.355-0.375-3.344-1h-9.656v-1c0-9.134 1.977-14.423 4.969-17.438s6.852-3.563 10.156-3.563zM17.563 6.063c-2.914 0.059-5.867 0.568-8.188 2.906-2.366 2.384-4.16 6.895-4.313 15.031h5.406c-0.119-0.152-0.233-0.311-0.344-0.469-1.357-1.941-2.125-4.333-2.125-6.531 0-0.783 0.212-1.515 0.625-2.063s0.978-0.894 1.563-1.125c1.169-0.461 2.477-0.521 3.719-0.625s2.43-0.242 3.125-0.563 0.969-0.581 0.969-1.625h2c0 1.66-0.976 2.893-2.156 3.438s-2.492 0.644-3.75 0.75-2.45 0.221-3.156 0.5c-0.353 0.139-0.585 0.292-0.719 0.469s-0.219 0.4-0.219 0.844c0 1.711 0.643 3.824 1.75 5.406s2.587 2.594 4.25 2.594c1.665 0 3.144-1.014 4.25-2.594s1.75-3.684 1.75-5.406h2c0 2.207-0.767 4.624-2.125 6.563-0.102 0.146-0.203 0.297-0.313 0.438h5.375c-0.136-7.17-1.553-11.261-3.156-13.406-1.684-2.253-3.521-2.594-4.531-2.594h-0.594l-0.281-0.5zM13 17c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM19 17c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-archive.svg b/webapp/assets/_new/icons/svgs/file-archive.svg
new file mode 100755
index 000000000..94a1e7ab8
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-archive.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-archive-o</title>
+<path d="M5 3h20v26h-20v-26zM7 5v22h16v-22h-7v1h-2v-1h-7zM14 7h2v2h-2v-2zM14 10h2v2h-2v-2zM14 13h2v2.188c1.156 0.418 2 1.52 2 2.813 0 1.645-1.355 3-3 3s-3-1.355-3-3c0-1.292 0.844-2.394 2-2.813v-2.188zM15 17c-0.564 0-1 0.436-1 1s0.436 1 1 1 1-0.436 1-1-0.436-1-1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-audio.svg b/webapp/assets/_new/icons/svgs/file-audio.svg
new file mode 100755
index 000000000..e253cbf94
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-audio.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-audio-o</title>
+<path d="M5 3h20v26h-20v-26zM7 5v22h16v-22h-16zM15 9.719l5.25 1.313-0.5 1.938-2.75-0.688v6.719c0 1.645-1.355 3-3 3s-3-1.355-3-3 1.355-3 3-3c0.353 0 0.684 0.073 1 0.188v-6.469zM14 18c-0.564 0-1 0.436-1 1s0.436 1 1 1 1-0.436 1-1-0.436-1-1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-code.svg b/webapp/assets/_new/icons/svgs/file-code.svg
new file mode 100755
index 000000000..c241a932b
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-code.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-code-o</title>
+<path d="M5 3h13.406l0.313 0.281 6 6 0.281 0.313v19.406h-20v-26zM7 5v22h16v-16h-6v-6h-10zM19 6.438v2.563h2.563zM15 13h2l-2 12h-2zM11.219 15.375l1.563 1.25-1.969 2.375 1.969 2.375-1.563 1.25-2.5-3-0.531-0.625 0.531-0.625zM18.781 15.375l2.5 3 0.531 0.625-0.531 0.625-2.5 3-1.563-1.25 1.969-2.375-1.969-2.375z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-excel.svg b/webapp/assets/_new/icons/svgs/file-excel.svg
new file mode 100755
index 000000000..77a7a73b0
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-excel.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-excel-o</title>
+<path d="M5 3h20v7h-2v-5h-16v5h-2v-7zM7 12h2l1 2 1-2h2l-2 4 2 4h-2l-1-2-1 2h-2l2-4zM14 12h2v6h2v2h-4v-8zM21.5 12c0.733 0 1.402 0.287 1.844 0.75s0.656 1.068 0.656 1.656h-2c0-0.112-0.035-0.22-0.094-0.281s-0.14-0.125-0.406-0.125c-0.217 0-0.5 0.283-0.5 0.5s0.283 0.5 0.5 0.5c1.383 0 2.5 1.117 2.5 2.5 0 1.3-1.081 2.5-2.5 2.5-0.732 0-1.413-0.232-1.875-0.719s-0.625-1.121-0.625-1.688h2c0 0.233 0.049 0.299 0.063 0.313s0.069 0.094 0.438 0.094c0.381 0 0.5-0.2 0.5-0.5 0-0.217-0.283-0.5-0.5-0.5-1.383 0-2.5-1.117-2.5-2.5s1.117-2.5 2.5-2.5zM5 22h2v5h16v-5h2v7h-20v-7z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-image.svg b/webapp/assets/_new/icons/svgs/file-image.svg
new file mode 100755
index 000000000..ba296f51b
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-image.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-image-o</title>
+<path d="M5 3h13.406l0.313 0.281 6 6 0.281 0.313v19.406h-20v-26zM7 5v22h16v-16h-6v-6h-10zM19 6.438v2.563h2.563zM20.094 14c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM13 15.594l0.719 0.688 2.281 2.281 1.281-1.281 0.719-0.688 0.719 0.688 3 3-1.438 1.438-2.281-2.281-1.281 1.281-0.719 0.688-0.719-0.688-2.281-2.281-3.281 3.281-1.438-1.438 4-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-movie.svg b/webapp/assets/_new/icons/svgs/file-movie.svg
new file mode 100755
index 000000000..fd88fd23d
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-movie.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-movie-o</title>
+<path d="M5 3h13.406l0.313 0.281 6 6 0.281 0.313v19.406h-20v-26zM7 5v22h16v-16h-6v-6h-10zM19 6.438v2.563h2.563zM12 13.219l1.5 0.938 5 3 1.438 0.844-1.438 0.844-5 3-1.5 0.938v-9.563zM14 16.75v2.5l2.094-1.25z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-pdf.svg b/webapp/assets/_new/icons/svgs/file-pdf.svg
new file mode 100755
index 000000000..810128b55
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-pdf.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-pdf-o</title>
+<path d="M5 3h20v26h-20v-26zM7 5v22h16v-22h-16zM14.406 10.344h0.031c0.33 0.007 0.656 0.135 0.906 0.344 0.257 0.215 0.428 0.498 0.531 0.781 0.207 0.567 0.235 1.188 0.188 1.906-0.039 0.595-0.326 1.352-0.469 2.031 0.187 0.42 0.248 0.774 0.469 1.188 0.409 0.766 0.86 1.217 1.313 1.813 0.517-0.027 1.127-0.182 1.563-0.125 0.567 0.074 1.089 0.186 1.5 0.625 0.206 0.22 0.369 0.553 0.375 0.875s-0.098 0.607-0.25 0.875v0.031h-0.031c-0.345 0.586-0.969 0.976-1.594 0.938s-1.148-0.368-1.625-0.781c-0.236-0.205-0.429-0.616-0.656-0.875-0.529 0.060-0.906-0.001-1.469 0.125-0.537 0.12-0.902 0.332-1.406 0.5-0.334 0.672-0.599 1.509-0.969 2-0.4 0.531-0.818 0.984-1.406 1.188-0.294 0.102-0.645 0.097-0.969-0.031s-0.566-0.349-0.75-0.625c-0.372-0.529-0.404-1.263-0.125-1.781s0.747-0.887 1.281-1.219c0.496-0.308 1.245-0.45 1.875-0.688 0.276-0.598 0.576-0.984 0.813-1.656 0.275-0.783 0.321-1.455 0.5-2.219-0.35-0.837-0.787-1.712-0.938-2.438-0.128-0.62-0.169-1.181-0.031-1.719 0.069-0.269 0.184-0.535 0.438-0.75 0.246-0.208 0.601-0.317 0.906-0.313zM15.063 17.75c-0.060 0.184-0.061 0.348-0.125 0.531-0.055 0.157-0.13 0.252-0.188 0.406 0.048-0.011 0.077-0.052 0.125-0.063 0.285-0.064 0.499-0.012 0.781-0.063-0.193-0.295-0.413-0.496-0.594-0.813zM18.75 19.781c-0.064-0.008-0.211 0.037-0.281 0.031 0.243 0.17 0.495 0.308 0.563 0.313 0.080 0.005 0.096 0.018 0.219-0.188 0.012-0.021-0.007-0.015 0-0.031-0.045-0.019-0.163-0.081-0.5-0.125zM11.75 21.344c-0.031 0.019-0.095 0.044-0.125 0.063-0.409 0.254-0.646 0.522-0.719 0.656s-0.103 0.072 0 0.219h0.031c0.020 0.030-0.012 0.018 0 0.031 0.071-0.030 0.351-0.219 0.656-0.625 0.054-0.072 0.101-0.262 0.156-0.344z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-photo.svg b/webapp/assets/_new/icons/svgs/file-photo.svg
new file mode 100755
index 000000000..c67616527
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-photo.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-photo-o</title>
+<path d="M5 3h13.406l0.313 0.281 6 6 0.281 0.313v19.406h-20v-26zM7 5v22h16v-16h-6v-6h-10zM19 6.438v2.563h2.563zM20.094 14c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM13 15.594l0.719 0.688 2.281 2.281 1.281-1.281 0.719-0.688 0.719 0.688 3 3-1.438 1.438-2.281-2.281-1.281 1.281-0.719 0.688-0.719-0.688-2.281-2.281-3.281 3.281-1.438-1.438 4-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-picture.svg b/webapp/assets/_new/icons/svgs/file-picture.svg
new file mode 100755
index 000000000..e16498317
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-picture.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-picture-o</title>
+<path d="M5 3h13.406l0.313 0.281 6 6 0.281 0.313v19.406h-20v-26zM7 5v22h16v-16h-6v-6h-10zM19 6.438v2.563h2.563zM20.094 14c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM13 15.594l0.719 0.688 2.281 2.281 1.281-1.281 0.719-0.688 0.719 0.688 3 3-1.438 1.438-2.281-2.281-1.281 1.281-0.719 0.688-0.719-0.688-2.281-2.281-3.281 3.281-1.438-1.438 4-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-powerpoint.svg b/webapp/assets/_new/icons/svgs/file-powerpoint.svg
new file mode 100755
index 000000000..8df8f896b
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-powerpoint.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-powerpoint-o</title>
+<path d="M5 3h20v26h-20v-26zM7 5v22h16v-22h-16zM12 11h4c2.21 0 4 1.79 4 4s-1.79 4-4 4c-0.74 0-1.406-0.244-2-0.594v3.594h-2v-7h2c0 1.19 0.81 2 2 2s2-0.81 2-2-0.81-2-2-2h-4v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-sound.svg b/webapp/assets/_new/icons/svgs/file-sound.svg
new file mode 100755
index 000000000..cb9b5dc76
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-sound.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-sound-o</title>
+<path d="M5 3h20v26h-20v-26zM7 5v22h16v-22h-16zM15 9.719l5.25 1.313-0.5 1.938-2.75-0.688v6.719c0 1.645-1.355 3-3 3s-3-1.355-3-3 1.355-3 3-3c0.353 0 0.684 0.073 1 0.188v-6.469zM14 18c-0.564 0-1 0.436-1 1s0.436 1 1 1 1-0.436 1-1-0.436-1-1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-text.svg b/webapp/assets/_new/icons/svgs/file-text.svg
new file mode 100755
index 000000000..38d75ef65
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-text.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-text</title>
+<path d="M5 3h13.406l0.313 0.281 6 6 0.281 0.313v19.406h-20v-26zM7 5v22h16v-16h-6v-6h-10zM19 6.438v2.563h2.563zM10 13h10v2h-10v-2zM10 17h10v2h-10v-2zM10 21h10v2h-10v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-video.svg b/webapp/assets/_new/icons/svgs/file-video.svg
new file mode 100755
index 000000000..4a6db285b
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-video.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-video-o</title>
+<path d="M5 3h13.406l0.313 0.281 6 6 0.281 0.313v19.406h-20v-26zM7 5v22h16v-16h-6v-6h-10zM19 6.438v2.563h2.563zM12 13.219l1.5 0.938 5 3 1.438 0.844-1.438 0.844-5 3-1.5 0.938v-9.563zM14 16.75v2.5l2.094-1.25z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-word.svg b/webapp/assets/_new/icons/svgs/file-word.svg
new file mode 100755
index 000000000..c8447a696
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-word.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-word-o</title>
+<path d="M5 3h20v26h-20v-26zM7 5v22h16v-22h-16zM17 12h4v2h-2v4.5c0 1.383-1.117 2.5-2.5 2.5-0.386 0-0.604-0.283-0.906-0.469-0.408 0.824-1.11 1.469-2.094 1.469-1.383 0-2.5-1.117-2.5-2.5v-4.5h-2v-2h4v6.5c0 0.217 0.283 0.5 0.5 0.5s0.5-0.283 0.5-0.5v-4.5h2v2s0.007 0.652 0.156 1.25c0.075 0.299 0.198 0.577 0.281 0.688s0.021 0.063 0.063 0.063c0.217 0 0.5-0.283 0.5-0.5v-6.5z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/file-zip.svg b/webapp/assets/_new/icons/svgs/file-zip.svg
new file mode 100755
index 000000000..c4eb66dd0
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/file-zip.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-zip-o</title>
+<path d="M5 3h20v26h-20v-26zM7 5v22h16v-22h-7v1h-2v-1h-7zM14 7h2v2h-2v-2zM14 10h2v2h-2v-2zM14 13h2v2.188c1.156 0.418 2 1.52 2 2.813 0 1.645-1.355 3-3 3s-3-1.355-3-3c0-1.292 0.844-2.394 2-2.813v-2.188zM15 17c-0.564 0-1 0.436-1 1s0.436 1 1 1 1-0.436 1-1-0.436-1-1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/files.svg b/webapp/assets/_new/icons/svgs/files.svg
new file mode 100755
index 000000000..602a25658
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/files.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>files-o</title>
+<path d="M4 4h16v3h-2v-1h-12v16h5v2h-7v-20zM12 8h16v20h-16v-20zM14 10v16h12v-16h-12z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/film.svg b/webapp/assets/_new/icons/svgs/film.svg
new file mode 100755
index 000000000..2318d2f73
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/film.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>film</title>
+<path d="M4 4h24v24h-24v-24zM6 6v20h2v-1h2v1h12v-1h2v1h2v-20h-2v1h-2v-1h-12v1h-2v-1h-2zM8 9h2v2h-2v-2zM22 9h2v2h-2v-2zM8 13h2v2h-2v-2zM22 13h2v2h-2v-2zM8 17h2v2h-2v-2zM22 17h2v2h-2v-2zM8 21h2v2h-2v-2zM22 21h2v2h-2v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/fire.svg b/webapp/assets/_new/icons/svgs/fire.svg
new file mode 100755
index 000000000..0d579c495
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/fire.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>fire</title>
+<path d="M13.375 3h1.281l0.281 0.219s2.507 2.024 5 5.094 5.063 7.224 5.063 11.688c0 1.978-0.333 4.263-1.938 6.063-1.369 1.535-3.592 2.567-6.938 2.844-0.085 0.007-0.163 0.025-0.25 0.031-0.283 0.028-0.57 0.063-0.875 0.063-0.097 0-0.186-0.028-0.281-0.031-0.139 0.002-0.263 0.031-0.406 0.031-3.265 0-5.674-1.113-7.188-2.781s-2.125-3.807-2.125-5.813c0-4.244 1.984-7.63 3.969-10.344s3.919-4.935 4.219-6.281zM14.5 5.5c-0.868 1.866-2.366 3.645-3.906 5.75-1.892 2.586-3.594 5.534-3.594 9.156 0 1.595 0.508 3.237 1.625 4.469 0.238 0.262 0.514 0.493 0.813 0.719-0.078-0.193-0.164-0.391-0.219-0.594-0.619-2.311 0.099-5.073 1.969-7.594l0.938-1.281 0.75 1.406c0.511 0.955 1.047 1.345 1.344 1.438s0.424 0.063 0.719-0.281c0.589-0.689 1.141-3.002 0.094-6.406l-0.375-1.281h1.938l0.281 0.344c0.548 0.633 1.188 1.78 1.938 3.406s1.529 3.644 1.938 5.656c0.358 1.761 0.476 3.535-0.063 5.094 0.34-0.241 0.632-0.509 0.875-0.781 1.13-1.267 1.438-2.963 1.438-4.719 0-3.669-2.272-7.509-4.625-10.406-1.705-2.099-3.067-3.383-3.875-4.094zM17.563 17.219c-0.157 1.133-0.503 2.089-1.094 2.781-0.688 0.806-1.824 1.195-2.844 0.875-0.551-0.173-1.025-0.508-1.469-0.969-0.903 1.704-1.324 3.385-1 4.594 0.392 1.464 1.431 2.428 3.594 2.5 0.086 0.003 0.16 0 0.25 0 0.345-0.011 0.686-0.037 1-0.063 0.15-0.018 0.303-0.036 0.438-0.063 1.21-0.239 1.804-0.811 2.188-1.594 0.511-1.044 0.519-2.681 0.156-4.469-0.25-1.23-0.756-2.418-1.219-3.594z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/flask.svg b/webapp/assets/_new/icons/svgs/flask.svg
new file mode 100755
index 000000000..e1ca6bde6
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/flask.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>flask</title>
+<path d="M17 0c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM14 3c0.552 0 1 0.448 1 1h7v2h-1v7.656l6.156 7.938c0.543 0.698 0.844 1.553 0.844 2.438 0 2.185-1.784 3.969-3.969 3.969h-16.063c-2.185 0-3.969-1.784-3.969-3.969 0-0.885 0.301-1.74 0.844-2.438l6.156-7.938v-7.656h-1v-2h3c0-0.552 0.448-1 1-1zM13 6v8.344l-2.844 3.656h11.688l-2.844-3.656v-8.344h-6zM17 10c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM8.594 20l-2.188 2.813c-0.269 0.346-0.406 0.779-0.406 1.219 0 1.105 0.864 1.969 1.969 1.969h16.063c1.105 0 1.969-0.864 1.969-1.969 0-0.439-0.137-0.873-0.406-1.219l-2.188-2.813h-14.813z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/floppy.svg b/webapp/assets/_new/icons/svgs/floppy.svg
new file mode 100755
index 000000000..f924d3bb5
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/floppy.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>floppy-o</title>
+<path d="M5 5h17.406l0.313 0.281 4 4 0.281 0.313v17.406h-22v-22zM7 7v18h2v-9h14v9h2v-14.563l-3-3v5.563h-12v-6h-3zM12 7v4h8v-4h-2v2h-2v-2h-4zM11 18v7h10v-7h-10z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/folder-open.svg b/webapp/assets/_new/icons/svgs/folder-open.svg
new file mode 100755
index 000000000..63a941b71
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/folder-open.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>folder-open</title>
+<path d="M5 3h22v10.406l-0.281 0.313-1.719 1.719v12.563h-6v2.719l-1.219-0.25-12.781-2.656v-24.813zM14.125 5l2.875 0.719v9.344l1.719 1.719 0.281 0.313v8.906h4v-11.406l0.281-0.313 1.719-1.719v-7.563h-10.875zM7 5.281v20.906l10 2.094v-10.344l-1.719-1.719-0.281-0.313v-8.625z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/folder.svg b/webapp/assets/_new/icons/svgs/folder.svg
new file mode 100755
index 000000000..287a37768
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/folder.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>folder</title>
+<path d="M6 3h22v10.406l-0.281 0.313-1.719 1.719v13.563h-20v-26zM8 5v22h16v-11.563l-1.719-1.719-0.281-0.313v-8.406h-14zM24 5v7.563l1 1 1-1v-7.563h-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/frown.svg b/webapp/assets/_new/icons/svgs/frown.svg
new file mode 100755
index 000000000..a03906c69
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/frown.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>frown-o</title>
+<path d="M16 4c6.616 0 12 5.384 12 12s-5.384 12-12 12-12-5.384-12-12 5.384-12 12-12zM16 6c-5.535 0-10 4.465-10 10s4.465 10 10 10 10-4.465 10-10-4.465-10-10-10zM11.5 12c0.828 0 1.5 0.672 1.5 1.5s-0.672 1.5-1.5 1.5-1.5-0.672-1.5-1.5 0.672-1.5 1.5-1.5zM20.5 12c0.828 0 1.5 0.672 1.5 1.5s-0.672 1.5-1.5 1.5-1.5-0.672-1.5-1.5 0.672-1.5 1.5-1.5zM16 18c2.667 0 5.020 1.335 6.469 3.344l-1.625 1.156c-1.092-1.514-2.835-2.5-4.844-2.5s-3.752 0.986-4.844 2.5l-1.625-1.156c1.448-2.008 3.801-3.344 6.469-3.344z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/gamepad.svg b/webapp/assets/_new/icons/svgs/gamepad.svg
new file mode 100755
index 000000000..85a2b7434
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/gamepad.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>gamepad</title>
+<path d="M16 7c6.383 0 11.969 2.063 11.969 2.063l0.594 0.219 0.063 0.594 1.344 10.25c0.365 2.835-1.665 5.479-4.5 5.844-2.639 0.34-5.005-1.44-5.625-3.969h-7.688c-0.619 2.529-2.985 4.309-5.625 3.969-2.835-0.365-4.865-3.009-4.5-5.844l1.344-10.25 0.063-0.594 0.594-0.219s5.586-2.063 11.969-2.063zM16 9c-5.486 0-10.007 1.524-10.75 1.781l-1.219 9.625c-0.227 1.763 0.987 3.335 2.75 3.563s3.368-0.987 3.594-2.75l0.031-0.344 0.125-0.875h10.938l0.125 0.875 0.031 0.344c0.227 1.763 1.832 2.977 3.594 2.75 1.763-0.227 2.977-1.8 2.75-3.563l-1.219-9.625c-0.743-0.258-5.264-1.781-10.75-1.781zM9 12h2v2h2v2h-2v2h-2v-2h-2v-2h2v-2zM22 12c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM20 14c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM24 14c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM22 16c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/gear.svg b/webapp/assets/_new/icons/svgs/gear.svg
new file mode 100755
index 000000000..f657c9494
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/gear.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>gear</title>
+<path d="M13.188 3h5.625l0.156 0.813 0.594 2.969c0.951 0.374 1.814 0.903 2.594 1.531l2.906-1 0.781-0.25 0.406 0.719 2 3.438 0.406 0.719-0.594 0.531-2.25 1.969c0.084 0.513 0.188 1.022 0.188 1.563s-0.104 1.050-0.188 1.563l2.25 1.969 0.594 0.531-0.406 0.719-2 3.438-0.406 0.719-0.781-0.25-2.906-1c-0.78 0.628-1.642 1.157-2.594 1.531l-0.594 2.969-0.156 0.813h-5.625l-0.156-0.813-0.594-2.969c-0.951-0.374-1.814-0.903-2.594-1.531l-2.906 1-0.781 0.25-0.406-0.719-2-3.438-0.406-0.719 0.594-0.531 2.25-1.969c-0.084-0.513-0.188-1.022-0.188-1.563s0.104-1.050 0.188-1.563l-2.25-1.969-0.594-0.531 0.406-0.719 2-3.438 0.406-0.719 0.781 0.25 2.906 1c0.78-0.628 1.642-1.157 2.594-1.531l0.594-2.969zM14.813 5l-0.5 2.594-0.125 0.594-0.563 0.188c-1.138 0.355-2.169 0.955-3.031 1.75l-0.438 0.406-0.563-0.188-2.531-0.875-1.188 2.031 2 1.781 0.469 0.375-0.156 0.594c-0.128 0.57-0.188 1.153-0.188 1.75s0.060 1.18 0.188 1.75l0.156 0.594-0.469 0.375-2 1.781 1.188 2.031 2.531-0.875 0.563-0.188 0.438 0.406c0.863 0.795 1.894 1.395 3.031 1.75l0.563 0.188 0.125 0.594 0.5 2.594h2.375l0.5-2.594 0.125-0.594 0.563-0.188c1.138-0.355 2.169-0.955 3.031-1.75l0.438-0.406 0.563 0.188 2.531 0.875 1.188-2.031-2-1.781-0.438-0.375 0.125-0.594c0.128-0.572 0.188-1.153 0.188-1.75s-0.060-1.18-0.188-1.75l-0.156-0.594 0.469-0.375 2-1.781-1.188-2.031-2.531 0.875-0.563 0.188-0.438-0.406c-0.863-0.795-1.894-1.395-3.031-1.75l-0.563-0.188-0.125-0.594-0.5-2.594h-2.375zM16 11c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zM16 13c-1.669 0-3 1.331-3 3s1.331 3 3 3 3-1.331 3-3-1.331-3-3-3z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/gears.svg b/webapp/assets/_new/icons/svgs/gears.svg
new file mode 100755
index 000000000..f9727888d
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/gears.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>gears</title>
+<path d="M21.5 2.5h2v1.406c0.828 0.146 1.586 0.474 2.25 0.938l0.938-0.938 1.406 1.406-0.938 0.938c0.464 0.664 0.792 1.421 0.938 2.25h1.406v2h-1.406c-0.147 0.837-0.466 1.613-0.938 2.281l0.969 1.031-1.469 1.375-0.938-1c-0.656 0.451-1.405 0.763-2.219 0.906v1.406h-2v-1.406c-0.828-0.146-1.586-0.474-2.25-0.938l-1.031 1.063-1.438-1.438 1.063-1.031c-0.464-0.664-0.792-1.421-0.938-2.25h-1.406v-2h1.406c0.143-0.814 0.456-1.563 0.906-2.219l-1-0.938 1.375-1.469 1.031 0.969c0.669-0.471 1.445-0.79 2.281-0.938v-1.406zM22.5 5.813c-2.055 0-3.688 1.632-3.688 3.688s1.632 3.688 3.688 3.688 3.688-1.632 3.688-3.688-1.632-3.688-3.688-3.688zM9.531 11.719l0.719 1.813c0.53-0.132 1.087-0.219 1.656-0.219 0.571 0 1.126 0.085 1.656 0.219l0.719-1.813 1.844 0.75-0.719 1.813c0.944 0.571 1.742 1.372 2.313 2.313l1.813-0.719 0.75 1.844-1.813 0.719c0.132 0.529 0.219 1.087 0.219 1.656s-0.086 1.126-0.219 1.656l1.813 0.719-0.75 1.844-1.813-0.719c-0.569 0.952-1.367 1.766-2.313 2.344l0.719 1.781-1.844 0.75-0.719-1.781c-0.529 0.134-1.087 0.219-1.656 0.219-0.573 0-1.123-0.084-1.656-0.219l-0.719 1.781-1.844-0.75 0.719-1.781c-0.961-0.577-1.765-1.384-2.344-2.344l-1.781 0.719-0.75-1.844 1.781-0.719c-0.134-0.53-0.219-1.087-0.219-1.656s0.085-1.128 0.219-1.656l-1.781-0.719 0.75-1.844 1.781 0.719c0.577-0.945 1.392-1.743 2.344-2.313l-0.719-1.813zM11.906 15.313c-2.663 0-4.813 2.118-4.813 4.781s2.15 4.813 4.813 4.813 4.781-2.15 4.781-4.813-2.118-4.781-4.781-4.781z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/gift.svg b/webapp/assets/_new/icons/svgs/gift.svg
new file mode 100755
index 000000000..355dc7b08
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/gift.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>gift</title>
+<path d="M12 5c1.749 0 2.939 1.329 3.719 2.438 0.104 0.148 0.189 0.293 0.281 0.438 0.092-0.145 0.177-0.289 0.281-0.438 0.779-1.108 1.97-2.438 3.719-2.438 1.645 0 3 1.355 3 3 0 0.353-0.073 0.684-0.188 1h5.188v6h-1v13h-22v-13h-1v-6h5.188c-0.114-0.316-0.188-0.647-0.188-1 0-1.645 1.355-3 3-3zM12 7c-0.565 0-1 0.435-1 1s0.435 1 1 1h2.313c-0.121-0.206-0.097-0.22-0.25-0.438-0.627-0.892-1.436-1.563-2.063-1.563zM20 7c-0.626 0-1.436 0.671-2.063 1.563-0.153 0.217-0.129 0.232-0.25 0.438h2.313c0.565 0 1-0.435 1-1s-0.435-1-1-1zM6 11v2h9v-1h2v1h9v-2h-20zM7 15v11h8v-10h2v10h8v-11h-18z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/github.svg b/webapp/assets/_new/icons/svgs/github.svg
new file mode 100755
index 000000000..1d61e0788
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/github.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>github</title>
+<path d="M15.999 4c6.628 0 12.001 5.373 12.001 12.001 0 5.3-3.435 9.794-8.2 11.385-0.609 0.117-0.825-0.256-0.825-0.577 0-0.394 0.015-1.688 0.015-3.292 0-1.119-0.384-1.852-0.815-2.222 2.673-0.297 5.479-1.311 5.479-5.921 0-1.31-0.464-2.381-1.233-3.22 0.124-0.304 0.536-1.524-0.119-3.176 0 0-1.006-0.323-3.297 1.23-0.958-0.266-1.985-0.399-3.004-0.404-1.020 0.005-2.047 0.138-3.004 0.404-2.292-1.553-3.3-1.23-3.3-1.23-0.653 1.652-0.241 2.872-0.118 3.176-0.767 0.839-1.235 1.91-1.235 3.22 0 4.599 2.801 5.628 5.466 5.931-0.343 0.3-0.653 0.829-0.762 1.604-0.683 0.307-2.422 0.837-3.492-0.997 0 0-0.634-1.152-1.838-1.237 0 0-1.172-0.016-0.082 0.729 0 0 0.786 0.369 1.332 1.755 0 0 0.704 2.334 4.042 1.609 0.006 1.001 0.016 1.756 0.016 2.041 0 0.318-0.219 0.688-0.819 0.578-4.769-1.587-8.207-6.085-8.207-11.386 0-6.628 5.373-12.001 11.999-12.001z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/glass.svg b/webapp/assets/_new/icons/svgs/glass.svg
new file mode 100755
index 000000000..c2a18e99f
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/glass.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>glass</title>
+<path d="M8.25 5h15.5l0.25 0.594c0.585 1.326 1 3.076 1 5.406 0 4.616-3.516 8.431-8 8.938v6.063h5v2h-12v-2h5v-6.063c-4.484-0.506-8-4.322-8-8.938 0-2.325 0.413-4.077 1-5.406zM9.656 7c-0.362 1.001-0.656 2.235-0.656 4 0 3.877 3.123 7 7 7 3.535 0 6.421-2.603 6.906-6h-11.906v-2h11.938c-0.081-1.241-0.277-2.207-0.563-3h-12.719z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/group.svg b/webapp/assets/_new/icons/svgs/group.svg
new file mode 100755
index 000000000..efb1c6184
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/group.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>group</title>
+<path d="M8 7c3.302 0 6 2.698 6 6 0 1.984-0.975 3.75-2.469 4.844 1.459 0.725 2.68 1.862 3.469 3.281 0.789-1.42 2.010-2.557 3.469-3.281-1.494-1.094-2.469-2.86-2.469-4.844 0-3.302 2.698-6 6-6s6 2.698 6 6c0 1.984-0.975 3.75-2.469 4.844 2.638 1.31 4.469 4.020 4.469 7.156h-2c0-3.326-2.674-6-6-6s-6 2.674-6 6h-2c0-3.326-2.674-6-6-6s-6 2.674-6 6h-2c0-3.136 1.831-5.846 4.469-7.156-1.494-1.094-2.469-2.86-2.469-4.844 0-3.302 2.698-6 6-6zM8 9c-2.221 0-4 1.779-4 4s1.779 4 4 4 4-1.779 4-4-1.779-4-4-4zM22 9c-2.221 0-4 1.779-4 4s1.779 4 4 4 4-1.779 4-4-1.779-4-4-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/hand-down.svg b/webapp/assets/_new/icons/svgs/hand-down.svg
new file mode 100755
index 000000000..1a06a97fd
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/hand-down.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>hand-o-down</title>
+<path d="M10 2h16v16.844c0 1.409-0.998 2.642-2.375 2.938l-7.625 1.656v3.563c0 1.645-1.355 3-3 3s-3-1.355-3-3v-10.75l-0.75 0.188c-0.156 0.203-0.224 0.331-0.625 0.625-0.642 0.47-1.633 0.938-2.969 0.938-1.426 0.002-2.656-1.29-2.656-2.906v-0.406l0.281-0.313 6.719-6.781v-5.594zM12 4v3h12v-3h-12zM11.406 9l-6.313 6.406c0.082 0.421 0.255 0.594 0.563 0.594 0.903 0 1.459-0.273 1.813-0.531s0.438-0.438 0.438-0.438l0.188-0.344 0.406-0.125 2.25-0.594 1.25-0.313v13.344c0 0.565 0.435 1 1 1s1-0.435 1-1v-5.188l0.781-0.188 8.438-1.781c0.467-0.1 0.781-0.523 0.781-1v-9.844h-12.594z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/hand-left.svg b/webapp/assets/_new/icons/svgs/hand-left.svg
new file mode 100755
index 000000000..49fb68314
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/hand-left.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>hand-o-left</title>
+<path d="M16.906 3h0.406l0.313 0.281 6.781 6.719h5.594v16h-16.844c-1.409 0-2.642-0.998-2.938-2.375l-1.656-7.625h-3.563c-1.645 0-3-1.355-3-3s1.355-3 3-3h10.75l-0.188-0.75c-0.203-0.156-0.331-0.224-0.625-0.625-0.47-0.642-0.938-1.633-0.938-2.969-0.002-1.426 1.29-2.656 2.906-2.656zM16.594 5.094c-0.421 0.082-0.594 0.255-0.594 0.563 0 0.903 0.273 1.459 0.531 1.813s0.438 0.438 0.438 0.438l0.344 0.188 0.125 0.406 0.594 2.25 0.313 1.25h-13.344c-0.565 0-1 0.435-1 1s0.435 1 1 1h5.188l0.188 0.781 1.781 8.438c0.1 0.467 0.523 0.781 1 0.781h9.844v-12.594zM25 12v12h3v-12h-3z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/hand-pointer.svg b/webapp/assets/_new/icons/svgs/hand-pointer.svg
index bdd2c8fe0..e74339724 100644
--- a/webapp/assets/_new/icons/svgs/hand-pointer.svg
+++ b/webapp/assets/_new/icons/svgs/hand-pointer.svg
@@ -1,5 +1,5 @@
 <!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>hand-pointer-o</title>
-<path  d="M13 2c1.645 0 3 1.355 3 3v4.188c0.316-0.114 0.647-0.188 1-0.188 0.767 0 1.467 0.3 2 0.781 0.533-0.481 1.233-0.781 2-0.781 1.395 0 2.578 0.982 2.906 2.281 0.368-0.163 0.762-0.281 1.188-0.281 1.645 0 3 1.355 3 3v7.813c0 4.533-3.654 8.188-8.188 8.188h-1.719c-1.935 0-3.651-0.675-5-1.688l-0.031-0.063-0.063-0.031-8.188-8.094v-0.031c-1.154-1.154-1.154-3.034 0-4.188s3.034-1.154 4.188 0l0.25 0.219 0.656 0.688v-11.813c0-1.645 1.355-3 3-3zM13 4c-0.555 0-1 0.445-1 1v16.625l-4.313-4.313c-0.446-0.446-0.929-0.446-1.375 0s-0.446 0.929 0 1.375l8.094 8c1.051 0.788 2.317 1.313 3.781 1.313h1.719c3.467 0 6.188-2.721 6.188-6.188v-7.813c0-0.555-0.445-1-1-1s-1 0.445-1 1v2h-2.094v-4c0-0.555-0.445-1-1-1s-1 0.445-1 1v4h-2v-4c0-0.555-0.445-1-1-1s-1 0.445-1 1v4h-2v-11c0-0.555-0.445-1-1-1z"></path>
+<path d="M13 2c1.645 0 3 1.355 3 3v4.188c0.316-0.114 0.647-0.188 1-0.188 0.767 0 1.467 0.3 2 0.781 0.533-0.481 1.233-0.781 2-0.781 1.395 0 2.578 0.982 2.906 2.281 0.368-0.163 0.762-0.281 1.188-0.281 1.645 0 3 1.355 3 3v7.813c0 4.533-3.654 8.188-8.188 8.188h-1.719c-1.935 0-3.651-0.675-5-1.688l-0.031-0.063-0.063-0.031-8.188-8.094v-0.031c-1.154-1.154-1.154-3.034 0-4.188s3.034-1.154 4.188 0l0.25 0.219 0.656 0.688v-11.813c0-1.645 1.355-3 3-3zM13 4c-0.555 0-1 0.445-1 1v16.625l-4.313-4.313c-0.446-0.446-0.929-0.446-1.375 0s-0.446 0.929 0 1.375l8.094 8c1.051 0.788 2.317 1.313 3.781 1.313h1.719c3.467 0 6.188-2.721 6.188-6.188v-7.813c0-0.555-0.445-1-1-1s-1 0.445-1 1v2h-2.094v-4c0-0.555-0.445-1-1-1s-1 0.445-1 1v4h-2v-4c0-0.555-0.445-1-1-1s-1 0.445-1 1v4h-2v-11c0-0.555-0.445-1-1-1z"></path>
 </svg>
diff --git a/webapp/assets/_new/icons/svgs/hand-right.svg b/webapp/assets/_new/icons/svgs/hand-right.svg
new file mode 100755
index 000000000..c165ea020
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/hand-right.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>hand-o-right</title>
+<path d="M14.688 3h0.406c1.616 0 2.908 1.23 2.906 2.656 0 1.336-0.468 2.327-0.938 2.969-0.294 0.401-0.422 0.469-0.625 0.625l-0.188 0.75h10.75c1.645 0 3 1.355 3 3s-1.355 3-3 3h-3.563l-1.656 7.625c-0.296 1.377-1.529 2.375-2.938 2.375h-16.844v-16h5.594l6.781-6.719zM15.406 5.094l-6.406 6.313v12.594h9.844c0.477 0 0.9-0.314 1-0.781l1.781-8.438 0.188-0.781h5.188c0.565 0 1-0.435 1-1s-0.435-1-1-1h-13.344l0.313-1.25 0.594-2.25 0.125-0.406 0.344-0.188s0.179-0.084 0.438-0.438 0.531-0.91 0.531-1.813c0-0.308-0.172-0.481-0.594-0.563zM4 12v12h3v-12h-3z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/hand-stop.svg b/webapp/assets/_new/icons/svgs/hand-stop.svg
new file mode 100755
index 000000000..dbf393138
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/hand-stop.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>hand-stop-o</title>
+<path d="M16 2c1.381 0 2.533 0.97 2.875 2.25 0.351-0.146 0.724-0.25 1.125-0.25 1.645 0 3 1.355 3 3v1.188c0.316-0.114 0.647-0.188 1-0.188 1.645 0 3 1.355 3 3v12c0 3.854-3.146 7-7 7h-4.625c-1.919 0-3.543-0.923-4.719-2.094l-6.781-6.781c-1.163-1.163-1.163-3.087 0-4.25s3.087-1.163 4.25 0l0.875 0.875v-10.75c0-1.645 1.355-3 3-3 0.401 0 0.774 0.104 1.125 0.25 0.342-1.28 1.494-2.25 2.875-2.25zM16 4c-0.565 0-1 0.435-1 1v10h-2v-8c0-0.565-0.435-1-1-1s-1 0.435-1 1v15.594l-1.719-1.719-2.563-2.594c-0.399-0.399-1.039-0.399-1.438 0s-0.399 1.039 0 1.438l6.813 6.75c0.913 0.909 2.009 1.531 3.281 1.531h4.625c2.774 0 5-2.226 5-5v-12c0-0.565-0.435-1-1-1s-1 0.435-1 1v4h-2v-8c0-0.565-0.435-1-1-1s-1 0.435-1 1v8h-2v-10c0-0.565-0.435-1-1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/hand-up.svg b/webapp/assets/_new/icons/svgs/hand-up.svg
new file mode 100755
index 000000000..472c8435d
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/hand-up.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>hand-o-up</title>
+<path d="M13 2c1.645 0 3 1.355 3 3v3.563l7.625 1.656c1.377 0.296 2.375 1.529 2.375 2.938v16.844h-16v-5.594l-6.719-6.781-0.281-0.313v-0.406c0-1.616 1.23-2.908 2.656-2.906 1.336 0 2.327 0.468 2.969 0.938 0.401 0.294 0.469 0.422 0.625 0.625l0.75 0.188v-10.75c0-1.645 1.355-3 3-3zM13 4c-0.565 0-1 0.435-1 1v13.344l-1.25-0.313-2.25-0.594-0.406-0.125-0.188-0.344s-0.084-0.179-0.438-0.438-0.91-0.531-1.813-0.531c-0.308-0-0.481 0.172-0.563 0.594l6.313 6.406h12.594v-9.844c0-0.477-0.314-0.9-0.781-1l-8.438-1.781-0.781-0.188v-5.188c0-0.565-0.435-1-1-1zM12 25v3h12v-3h-12z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/headphones.svg b/webapp/assets/_new/icons/svgs/headphones.svg
new file mode 100755
index 000000000..a197eca3a
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/headphones.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>headphones</title>
+<path d="M16 5c6.063 0 11 4.937 11 11v8c0 1.645-1.355 3-3 3h-3v-9h4v-2c0-4.983-4.017-9-9-9s-9 4.017-9 9v2h4v9h-3c-1.645 0-3-1.355-3-3v-8c0-6.063 4.937-11 11-11zM7 20v4c0 0.565 0.435 1 1 1h1v-5h-2zM23 20v5h1c0.565 0 1-0.435 1-1v-4h-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/heart.svg b/webapp/assets/_new/icons/svgs/heart.svg
new file mode 100755
index 000000000..64f1195b1
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/heart.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>heart</title>
+<path d="M22.5 5c4.136 0 7.5 3.364 7.5 7.5 0 2.59-2.365 4.947-2.466 5.047l-11.534 11.534-11.54-11.54c-0.095-0.094-2.46-2.451-2.46-5.041 0-4.136 3.364-7.5 7.5-7.5 2.892 0 5.327 1.804 6.5 2.854 1.173-1.050 3.608-2.854 6.5-2.854z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/history.svg b/webapp/assets/_new/icons/svgs/history.svg
new file mode 100755
index 000000000..fd5fcc328
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/history.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>history</title>
+<path d="M16 4c6.616 0 12 5.385 12 12s-5.385 12-12 12-12-5.385-12-12h2c0 5.535 4.465 10 10 10s10-4.465 10-10-4.465-10-10-10c-3.702 0-6.897 2.020-8.625 5h3.625v2h-7v-7h2v3.344c2.153-3.232 5.833-5.344 10-5.344zM15 8h2v7h5v2h-7v-9z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/hourglass.svg b/webapp/assets/_new/icons/svgs/hourglass.svg
new file mode 100755
index 000000000..e5e5ea6a1
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/hourglass.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>hourglass</title>
+<path d="M7 4h18v2h-2v4c0 2.542-1.369 4.774-3.406 6 2.038 1.226 3.406 3.458 3.406 6v4h2v2h-18v-2h2v-4c0-2.542 1.369-4.774 3.406-6-2.038-1.226-3.406-3.458-3.406-6v-4h-2v-2zM11 6v4c0 2.774 2.226 5 5 5s5-2.226 5-5v-4h-10zM16 17c-2.774 0-5 2.226-5 5v4h10v-4c0-2.774-2.226-5-5-5z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/inbox.svg b/webapp/assets/_new/icons/svgs/inbox.svg
new file mode 100755
index 000000000..aba1d2eb0
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/inbox.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>inbox</title>
+<path d="M7.156 5h17.688l0.156 0.844 2 13v8.156h-22v-8.156l2-13zM8.875 7l-1.688 11h6.813v1c0 1.117 0.883 2 2 2s2-0.883 2-2v-1h6.813l-1.688-11h-14.25zM7 20v5h18v-5h-5.188c-0.453 1.711-1.966 3-3.813 3s-3.359-1.289-3.813-3h-5.188z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/indent.svg b/webapp/assets/_new/icons/svgs/indent.svg
new file mode 100755
index 000000000..35f087427
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/indent.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>indent</title>
+<path d="M3 7h13v2h-13v-2zM3 11h20v2h-20v-2zM25 11l5 5-5 5v-10zM3 15h20v2h-20v-2zM3 19h20v2h-20v-2zM3 23h13v2h-13v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/info-circle.svg b/webapp/assets/_new/icons/svgs/info-circle.svg
new file mode 100755
index 000000000..f971f5b3a
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/info-circle.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>info-circle</title>
+<path d="M16 3c7.168 0 13 5.832 13 13s-5.832 13-13 13-13-5.832-13-13 5.832-13 13-13zM16 5c-6.087 0-11 4.913-11 11s4.913 11 11 11 11-4.913 11-11-4.913-11-11-11zM15 10h2v2h-2v-2zM15 14h2v8h-2v-8z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/keyboard.svg b/webapp/assets/_new/icons/svgs/keyboard.svg
new file mode 100755
index 000000000..cf49166d4
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/keyboard.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>keyboard-o</title>
+<path d="M2 7h26c1.093 0 2 0.907 2 2v14c0 1.093-0.907 2-2 2h-26c-1.093 0-2-0.907-2-2v-14c0-1.093 0.907-2 2-2zM2 9v14h26v-14h-26zM4 11h2v2h-2v-2zM8 11h2v2h-2v-2zM12 11h2v2h-2v-2zM16 11h2v2h-2v-2zM20 11h2v2h-2v-2zM24 11h2v2h-2v-2zM4 15h4v2h-4v-2zM10 15h2v2h-2v-2zM14 15h2v2h-2v-2zM18 15h2v2h-2v-2zM22 15h4v2h-4v-2zM4 19h4v2h-4v-2zM10 19h10v2h-10v-2zM22 19h4v2h-4v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/leaf.svg b/webapp/assets/_new/icons/svgs/leaf.svg
new file mode 100755
index 000000000..52b1693ba
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/leaf.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>leaf</title>
+<path d="M25.031 4l0.313 1.094s1.656 5.616 1.656 13.438c0 3.995-0.921 6.637-2.344 8.281s-3.306 2.188-4.844 2.188c-1.728 0-3.206-0.784-4.375-1.594s-2.165-1.731-2.344-1.844l1.063-1.688c0.704 0.445 1.398 1.177 2.406 1.875s2.173 1.25 3.25 1.25c1.083 0 2.301-0.33 3.313-1.5s1.875-3.282 1.875-6.969c0-6.501-1.022-10.659-1.344-11.875-3.442 1.276-7.451 1.856-10.688 3-1.789 0.632-3.284 1.437-4.313 2.563s-1.656 2.577-1.656 4.781c0 1.938 1.058 3.143 2.219 3.969 0.603 0.429 1.187 0.698 1.625 0.875 1.72-2.744 4.356-6.157 8.438-10.531l1.438 1.375c-6.808 7.295-9.428 11.855-10.375 14.625-0.473 1.385-0.53 2.32-0.5 3s0.217 1.058 0.156 1.781l-2-0.188c-0.002 0.020-0.116-0.597-0.156-1.5s0.047-2.151 0.594-3.75c0.303-0.885 0.756-1.918 1.375-3.063-0.512-0.228-1.12-0.551-1.75-1-1.477-1.051-3.063-2.897-3.063-5.594 0-2.605 0.833-4.643 2.188-6.125s3.168-2.402 5.125-3.094c3.913-1.384 8.509-1.908 11.688-3.313z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/level-up.svg b/webapp/assets/_new/icons/svgs/level-up.svg
new file mode 100755
index 000000000..1c3c82192
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/level-up.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>level-up</title>
+<path d="M16 5.188l4.5 4.813h-3.5v10h-2v-10h-3.5zM5 11h2v14h18v-14h2v16h-22v-16z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/life-ring.svg b/webapp/assets/_new/icons/svgs/life-ring.svg
new file mode 100755
index 000000000..64f4aa7e8
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/life-ring.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>life-ring</title>
+<path d="M16 4c6.616 0 12 5.384 12 12s-5.384 12-12 12-12-5.384-12-12 5.384-12 12-12zM16 6c-0.335 0-0.673 0.030-1 0.063v3.031c0.327-0.047 0.66-0.094 1-0.094s0.673 0.046 1 0.094v-3.031c-0.327-0.032-0.665-0.063-1-0.063zM13 6.438c-3.116 0.976-5.558 3.439-6.531 6.563h3.219c0.692-1.453 1.858-2.618 3.313-3.313v-3.25zM19 6.438v3.25c1.452 0.693 2.62 1.86 3.313 3.313h3.25c-0.975-3.112-3.451-5.588-6.563-6.563zM16 11c-2.773 0-5 2.227-5 5s2.227 5 5 5 5-2.227 5-5-2.227-5-5-5zM6.063 15c-0.032 0.326-0.063 0.665-0.063 1s0.030 0.673 0.063 1h3.031c-0.047-0.327-0.094-0.66-0.094-1 0-0.337 0.016-0.675 0.063-1h-3zM22.906 15c0.047 0.327 0.094 0.66 0.094 1s-0.046 0.673-0.094 1h3.031c0.032-0.327 0.063-0.665 0.063-1s-0.030-0.673-0.063-1h-3.031zM6.438 19c0.975 3.112 3.451 5.588 6.563 6.563v-3.25c-1.452-0.693-2.62-1.86-3.313-3.313h-3.25zM22.313 19c-0.693 1.452-1.86 2.62-3.313 3.313v3.25c3.112-0.975 5.588-3.451 6.563-6.563h-3.25zM15 22.906v3.031c0.327 0.032 0.665 0.063 1 0.063s0.673-0.030 1-0.063v-3.031c-0.327 0.047-0.66 0.094-1 0.094s-0.673-0.046-1-0.094z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/list.svg b/webapp/assets/_new/icons/svgs/list.svg
new file mode 100755
index 000000000..f07692281
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/list.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>list</title>
+<path d="M4 5h6v6h-6v-6zM6 7v2h2v-2h-2zM12 7h15v2h-15v-2zM4 13h6v6h-6v-6zM6 15v2h2v-2h-2zM12 15h15v2h-15v-2zM4 21h6v6h-6v-6zM6 23v2h2v-2h-2zM12 23h15v2h-15v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/location-arrow.svg b/webapp/assets/_new/icons/svgs/location-arrow.svg
new file mode 100755
index 000000000..942a37fa5
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/location-arrow.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>location-arrow</title>
+<path d="M16 4.438l0.906 2.188 8 19 0.906 2.125-2.156-0.813-7.656-2.875-9.813 3.688 0.906-2.125 8-19zM16 9.531l-6.188 14.719 6.188-2.313 0.344 0.125 5.844 2.188z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/magnet.svg b/webapp/assets/_new/icons/svgs/magnet.svg
new file mode 100755
index 000000000..998495351
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/magnet.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>magnet</title>
+<path d="M16 5c6.063 0 11 4.937 11 11v11h-8v-11c0-1.668-1.332-3-3-3s-3 1.332-3 3v11h-8v-11c0-6.063 4.937-11 11-11zM16 7c-4.983 0-9 4.017-9 9v5h4v-5c0-2.749 2.251-5 5-5s5 2.251 5 5v5h4v-5c0-4.983-4.017-9-9-9zM7 23v2h4v-2h-4zM21 23v2h4v-2h-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/male.svg b/webapp/assets/_new/icons/svgs/male.svg
new file mode 100755
index 000000000..5c35184b4
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/male.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>male</title>
+<path d="M17 4h0.625l1.063 2.125c1.277 0.14 2.567 0.598 3.531 1.719 1.138 1.322 1.781 3.332 1.781 6.156v0.906c0.571 0.546 1 1.247 1 2.094 0 1.26-0.891 2.154-2 2.594-0.369 1.168-0.804 2.393-1.25 3.438-0.487 1.141-0.894 2.047-1.5 2.688-2.87 3.036-7.63 3.036-10.5 0-0.606-0.64-1.045-1.547-1.531-2.688-0.446-1.045-0.849-2.27-1.219-3.438-1.109-0.439-2-1.334-2-2.594 0-0.851 0.428-1.549 1-2.094v-0.906c0-3.042 0.821-5.612 2.688-7.375s4.647-2.625 8.313-2.625zM16.406 6.063c-2.973 0.1-5.062 0.789-6.344 2-1.378 1.302-2.063 3.241-2.063 5.938v1.844l-0.5 0.281c-0.307 0.177-0.5 0.501-0.5 0.875 0 0.534 0.384 0.957 0.906 1l0.688 0.031 0.188 0.656c0.37 1.203 0.831 2.474 1.281 3.531s0.967 1.957 1.125 2.125c2.128 2.252 5.497 2.252 7.625 0 0.158-0.168 0.674-1.068 1.125-2.125s0.911-2.328 1.281-3.531l0.188-0.656 0.688-0.031c0.524-0.043 0.906-0.466 0.906-1 0-0.38-0.196-0.699-0.5-0.875l-0.5-0.281v-1.844c0-2.518-0.587-4.001-1.313-4.844-0.352-0.409-0.753-0.691-1.188-0.875 0.024 0.149 0.058 0.291 0.063 0.438 0.019 0.67-0.279 1.354-0.75 1.75-0.941 0.792-2.050 0.727-3.125 0.781s-2.174 0.128-2.813 0.375-0.867 0.389-0.875 1.375h-2c0.013-1.623 1.015-2.808 2.156-3.25s2.365-0.416 3.406-0.469 1.882-0.271 1.969-0.344c0.043-0.037 0.037 0.047 0.031-0.156s-0.135-0.677-0.469-1.344zM12 16c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM18 16c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/map-pin.svg b/webapp/assets/_new/icons/svgs/map-pin.svg
new file mode 100755
index 000000000..dbba740b1
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/map-pin.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>map-pin</title>
+<path d="M16 5c3.854 0 7 3.146 7 7 0 3.514-2.617 6.417-6 6.906v9.094h-2v-9.094c-3.383-0.489-6-3.392-6-6.906 0-3.854 3.146-7 7-7zM16 7c-2.773 0-5 2.227-5 5s2.227 5 5 5 5-2.227 5-5-2.227-5-5-5zM16 8v2c-1.117 0-2 0.883-2 2h-2c0-2.197 1.803-4 4-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/map-signs.svg b/webapp/assets/_new/icons/svgs/map-signs.svg
new file mode 100755
index 000000000..0d46cc195
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/map-signs.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>map-signs</title>
+<path d="M15 5h2v2h8.469l0.281 0.344 3.563 4.156-3.563 4.156-0.281 0.344h-20.469v-9h10v-2zM7 9v5h17.531l2.156-2.5-2.156-2.5h-17.531zM15 17h2v10h-2v-10z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/map.svg b/webapp/assets/_new/icons/svgs/map.svg
new file mode 100755
index 000000000..157a29ea8
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/map.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>map</title>
+<path d="M28 4.469v19.188l-0.594 0.25-7.375 3.156-0.375-0.125-7.625-2.875-6.625 2.844-1.406 0.625v-19.188l0.594-0.25 7.375-3.156 0.375 0.125 7.625 2.875 6.625-2.844zM13 7.438v14.875l6 2.25v-14.875zM11 7.5l-5 2.156v14.844l5-2.156v-14.844zM26 7.5l-5 2.156v14.844l5-2.156v-14.844z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/microphone.svg b/webapp/assets/_new/icons/svgs/microphone.svg
index 121342b70..9a051cebe 100644
--- a/webapp/assets/_new/icons/svgs/microphone.svg
+++ b/webapp/assets/_new/icons/svgs/microphone.svg
@@ -1,4 +1,3 @@
-
 <!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>microphone</title>
diff --git a/webapp/assets/_new/icons/svgs/mobile-phone.svg b/webapp/assets/_new/icons/svgs/mobile-phone.svg
new file mode 100755
index 000000000..542ad25b8
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/mobile-phone.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>mobile-phone</title>
+<path d="M11 4h10c1.645 0 3 1.355 3 3v18c0 1.645-1.355 3-3 3h-10c-1.645 0-3-1.355-3-3v-18c0-1.645 1.355-3 3-3zM11 6c-0.555 0-1 0.445-1 1v18c0 0.555 0.445 1 1 1h10c0.555 0 1-0.445 1-1v-18c0-0.555-0.445-1-1-1h-10zM16 23c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/paperclip.svg b/webapp/assets/_new/icons/svgs/paperclip.svg
new file mode 100755
index 000000000..099453e71
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/paperclip.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>paperclip</title>
+<path d="M21 4c1.39 0 2.789 0.539 3.844 1.594 2.109 2.109 2.109 5.547 0 7.656l-9.375 9.375c-1.246 1.245-3.286 1.245-4.531 0s-1.245-3.286 0-4.531l8.594-8.594 1.406 1.406-8.594 8.594c-0.481 0.481-0.481 1.237 0 1.719 0.481 0.481 1.237 0.481 1.719 0l9.375-9.375c1.345-1.345 1.345-3.499 0-4.844s-3.499-1.345-4.844 0l-9.375 9.375c-2.208 2.208-2.208 5.76 0 7.969 2.208 2.208 5.76 2.208 7.969 0l6.25-6.25 1.406 1.406-6.25 6.25c-2.973 2.972-7.809 2.972-10.781 0s-2.972-7.809 0-10.781l9.375-9.375c1.055-1.055 2.423-1.594 3.813-1.594z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/paste.svg b/webapp/assets/_new/icons/svgs/paste.svg
new file mode 100755
index 000000000..32084e808
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/paste.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>paste</title>
+<path d="M15 3c1.259 0 2.152 0.89 2.594 2h7.406v9h2v16h-14v-2h-8v-23h7.406c0.442-1.11 1.335-2 2.594-2zM15 5c-0.555 0-1 0.445-1 1v1h-3v2h8v-2h-3v-1c0-0.555-0.445-1-1-1zM7 7v19h6v-12h10v-7h-2v4h-12v-4h-2zM15 16v12h10v-12h-10z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/pause.svg b/webapp/assets/_new/icons/svgs/pause.svg
new file mode 100755
index 000000000..ce3acef04
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/pause.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>pause</title>
+<path d="M10 6h2v20h-2v-20zM20 6h2v20h-2v-20z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/pencil.svg b/webapp/assets/_new/icons/svgs/pencil.svg
new file mode 100755
index 000000000..0c1b963f8
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/pencil.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>pencil</title>
+<path d="M24.688 4.031c0.837 0 1.679 0.335 2.313 0.969 1.267 1.267 1.267 3.327 0 4.594l-0.031 0.063-0.063 0.063 0.594 0.594-16.5 16.5-0.313 0.063-5.5 1.094-1.469 0.313 0.313-1.469 1.094-5.5 0.063-0.313 16.5-16.5 0.625 0.594 0.094-0.094c0.633-0.633 1.444-0.969 2.281-0.969zM24.688 6c-0.312 0-0.608 0.14-0.875 0.406l-0.094 0.094 1.781 1.781 0.094-0.094c0.533-0.533 0.533-1.248 0-1.781-0.267-0.267-0.594-0.406-0.906-0.406zM21.719 7.313l-1.469 1.438 3 3 1.438-1.469zM18.875 10.188l-10.469 10.438 1.813 0.406 0.625 0.125 0.125 0.625 0.406 1.813 10.438-10.469zM6.969 22.344l-0.406 2.031 1.063 1.063 2.031-0.406-0.5-2.188z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/phone.svg b/webapp/assets/_new/icons/svgs/phone.svg
new file mode 100755
index 000000000..413c48f16
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/phone.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>phone</title>
+<path d="M8.656 3c0.523 0 1.041 0.189 1.469 0.531l0.063 0.031 0.031 0.031 4.094 4.219-0.031 0.031c0.886 0.826 0.873 2.221 0.031 3.063l-2 2c0.307 0.705 1.146 2.501 2.781 4.063 1.647 1.573 3.371 2.467 4.094 2.813l2-2c0.83-0.83 2.295-0.83 3.125 0l0.031 0.063 4.063 4.063c0.83 0.83 0.83 2.264 0 3.094l-3.156 3.156c-0.938 0.804-2.253 1.093-3.469 0.688h-0.031c-2.347-0.918-7.094-3.001-11.344-7.25-4.233-4.233-6.403-8.916-7.25-11.344-0.002-0.006 0.002-0.025 0-0.031-0.419-1.152-0.12-2.484 0.844-3.375l-0.031-0.031 3.156-3.25 0.063-0.031c0.428-0.342 0.945-0.531 1.469-0.531zM8.656 5c-0.073 0-0.146 0.036-0.219 0.094l-3.094 3.156c-0.355 0.304-0.465 0.906-0.313 1.313 0.758 2.178 2.825 6.669 6.781 10.625 3.924 3.924 8.326 5.86 10.594 6.75 0.584 0.195 1.069 0.115 1.531-0.281l3.063-3.063c0.17-0.17 0.17-0.111 0-0.281l-4.094-4.094c-0.17-0.17-0.142-0.17-0.313 0l-2.969 2.969-0.625-0.281s-2.739-1.16-5.063-3.281l-0.219-0.188c-2.412-2.303-3.563-5.375-3.563-5.375l-0.219-0.625 0.469-0.438 2.5-2.5c0.123-0.123 0.055-0.225 0.063-0.219l-0.094-0.094-4-4.094c-0.072-0.058-0.146-0.094-0.219-0.094z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/photo.svg b/webapp/assets/_new/icons/svgs/photo.svg
new file mode 100755
index 000000000..abc66b8f3
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/photo.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>photo</title>
+<path d="M2 5h28v22h-28v-22zM4 7v12.875l7-7 0.719 0.719 5.75 5.813 4.531-4.531 0.719 0.719 5.281 5.313v-13.906h-24zM24 9c1.105 0 2 0.895 2 2s-0.895 2-2 2-2-0.895-2-2 0.895-2 2-2zM11 15.719l-7 7v2.281h16.188zM22 17.719l-3.125 3.094 4.156 4.188h4.969v-1.281z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/pie-chart.svg b/webapp/assets/_new/icons/svgs/pie-chart.svg
new file mode 100755
index 000000000..1d942226e
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/pie-chart.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>pie-chart</title>
+<path d="M16 3c7.168 0 13 5.832 13 13s-5.832 13-13 13-13-5.832-13-13 5.832-13 13-13zM14.875 5.063c-5.555 0.562-9.875 5.231-9.875 10.938 0 6.087 4.913 11 11 11 2.687 0 5.155-0.938 7.063-2.531l-7.781-7.75-0.281-0.313v-11.344c-0.041 0.004-0.084-0.004-0.125 0zM17 5.063v9.938h9.938c-0.475-5.284-4.653-9.462-9.938-9.938zM18.438 17l6.031 6.063c1.393-1.668 2.262-3.768 2.469-6.063h-8.5z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/play-circle.svg b/webapp/assets/_new/icons/svgs/play-circle.svg
new file mode 100755
index 000000000..e8b842bf5
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/play-circle.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>play-circle</title>
+<path d="M16 4c6.616 0 12 5.384 12 12s-5.384 12-12 12-12-5.384-12-12 5.384-12 12-12zM16 6c-5.535 0-10 4.465-10 10s4.465 10 10 10 10-4.465 10-10-4.465-10-10-10zM12 9.125l1.5 0.875 9 5.125 1.5 0.875-1.5 0.875-9 5.125-1.5 0.875v-13.75zM14 12.563v6.875l5.969-3.438z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/play.svg b/webapp/assets/_new/icons/svgs/play.svg
new file mode 100755
index 000000000..a0b1eafa2
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/play.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>play</title>
+<path d="M9 5.156l1.531 1 15.313 9.844-16.844 10.844v-21.688zM11 8.813v14.375l11.156-7.188z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/power-off.svg b/webapp/assets/_new/icons/svgs/power-off.svg
new file mode 100755
index 000000000..7b362c167
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/power-off.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>power-off</title>
+<path d="M15 4h2v12h-2v-12zM12 4.688v2.156c-3.526 1.546-6 5.065-6 9.156 0 5.514 4.486 10 10 10s10-4.486 10-10c0-4.091-2.474-7.609-6-9.156v-2.156c4.654 1.651 8 6.099 8 11.313 0 6.617-5.383 12-12 12s-12-5.383-12-12c0-5.213 3.346-9.662 8-11.313z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/print.svg b/webapp/assets/_new/icons/svgs/print.svg
new file mode 100755
index 000000000..a9fc409e2
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/print.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>print</title>
+<path d="M9 4h14v7h2c1.645 0 3 1.355 3 3v10h-5v4h-14v-4h-5v-10c0-1.645 1.355-3 3-3h2v-7zM11 6v5h10v-5h-10zM7 13c-0.565 0-1 0.435-1 1v8h3v-4h14v4h3v-8c0-0.565-0.435-1-1-1h-18zM8 14c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM11 20v6h10v-6h-10z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/recycle.svg b/webapp/assets/_new/icons/svgs/recycle.svg
new file mode 100755
index 000000000..9bbdb3ad3
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/recycle.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>recycle</title>
+<path d="M16 3.969c1.055 0 2.118 0.517 2.75 1.5l3.125 5.063 1.438-0.844v5.313l-4.625-2.594 1.5-0.875-3.125-5c-0.53-0.824-1.553-0.806-2.094 0l-2.813 4.594-1.719-1.031 2.813-4.625c0.632-0.983 1.695-1.5 2.75-1.5zM10.406 12.094v5.313l-1.531-0.938-2.625 4.25v0.031l-0.031 0.031c-0.665 0.968 0.015 2.219 1.281 2.219h5.5v2h-5.5c-2.712 0-4.409-3.084-2.938-5.313 0.012-0.018-0.012-0.045 0-0.063l0.031 0.031 2.563-4.219-1.25-0.75zM25.063 15.656l2.5 4v0.031c1.36 2.312-0.332 5.313-2.969 5.313h-5.594v2l-4.906-3 4.906-3v2h5.594c1.163 0 1.89-1.193 1.25-2.281l-2.5-4z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/refresh.svg b/webapp/assets/_new/icons/svgs/refresh.svg
new file mode 100755
index 000000000..1995ab604
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/refresh.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>refresh</title>
+<path d="M16 4c3.571 0 6.81 1.581 9 4.094v-3.094h2v7h-7v-2h3.938c-1.804-2.41-4.697-4-7.938-4-4.289 0-7.823 2.639-9.281 6.375l-1.844-0.75c1.742-4.464 6.014-7.625 11.125-7.625zM25.281 19.625l1.844 0.75c-1.742 4.464-6.014 7.625-11.125 7.625-3.605 0-6.811-1.614-9-4.094v3.094h-2v-7h7v2h-3.969c1.812 2.388 4.692 4 7.969 4 4.289 0 7.823-2.639 9.281-6.375z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/rocket.svg b/webapp/assets/_new/icons/svgs/rocket.svg
new file mode 100755
index 000000000..f83674f15
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/rocket.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>rocket</title>
+<path d="M25.906 4c0.697 0 1.125 0.031 1.125 0.031l0.906 0.031 0.031 0.906s0.099 1.758-0.094 3.813-0.515 4.453-1.969 5.906c-1.213 1.212-4.488 3.737-7.563 6.094-0.624 0.478-0.607 0.466-1.188 0.906l0.094 1.688c0.068 1.278-0.473 2.507-1.469 3.313l-2.563 2.094-1.281 1.031-0.344-1.625-0.656-3.281-3.844-3.844-3.281-0.656-1.625-0.313 1.031-1.313 2.094-2.563c0.805-0.995 2.034-1.537 3.313-1.469l1.719 0.094c0.43-0.564 0.41-0.55 0.875-1.156 2.353-3.068 4.893-6.331 6.125-7.563 1.466-1.466 3.826-1.81 5.875-2 1.024-0.095 1.99-0.125 2.688-0.125zM25 6c-0.398 0.001-0.91 0.030-1.594 0.094-1.886 0.175-3.973 0.754-4.656 1.438-0.918 0.918-3.626 4.321-5.969 7.375-2.064 2.692-3.463 4.604-3.875 5.156l3.063 3.063c0.544-0.406 2.449-1.862 5.156-3.938 3.062-2.347 6.451-5.046 7.344-5.938 0.651-0.651 1.229-2.761 1.406-4.656 0.129-1.375 0.105-1.982 0.094-2.563-0.288-0.007-0.571-0.033-0.969-0.031zM20.438 9.531c1.117 0 2.031 0.915 2.031 2.031s-0.915 2.031-2.031 2.031-2-0.915-2-2.031 0.883-2.031 2-2.031zM8.5 16.75c-0.64-0.034-1.253 0.253-1.656 0.75l-1.031 1.25 1.344 0.281c0.132-0.176 1.116-1.454 1.719-2.25zM6.219 21.938l1.406 1.406c-0.377 0.377-0.82 1.323-1.125 2.156 0.798-0.29 1.679-0.679 2.125-1.125l1.406 1.406c-0.894 0.894-2.079 1.385-3.063 1.719s-1.781 0.469-1.781 0.469l-1.469 0.281 0.313-1.469s0.155-0.82 0.5-1.813 0.833-2.176 1.688-3.031zM15.219 23.125c-0.797 0.598-2.074 1.588-2.25 1.719l0.281 1.344 1.281-1.031c0.498-0.403 0.753-1.017 0.719-1.656z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/server.svg b/webapp/assets/_new/icons/svgs/server.svg
new file mode 100755
index 000000000..fa00771ea
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/server.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>server</title>
+<path d="M3 6h26v20h-26v-20zM5 8v4h22v-4h-22zM7 9h8v2h-8v-2zM24 9c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM5 14v4h22v-4h-22zM7 15h8v2h-8v-2zM24 15c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM5 20v4h22v-4h-22zM7 21h8v2h-8v-2zM24 21c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/share.svg b/webapp/assets/_new/icons/svgs/share.svg
new file mode 100755
index 000000000..b2fee7622
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/share.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>share</title>
+<path d="M19.719 5.281l8 8 0.688 0.719-0.688 0.719-8 8-1.438-1.438 6.281-6.281h-13.563c-2.774 0-5 2.226-5 5s2.226 5 5 5v2c-3.854 0-7-3.146-7-7s3.146-7 7-7h13.563l-6.281-6.281z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/sort-alpha-asc.svg b/webapp/assets/_new/icons/svgs/sort-alpha-asc.svg
new file mode 100755
index 000000000..f96023d0d
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/sort-alpha-asc.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>sort-alpha-asc</title>
+<path d="M8.188 5h1.625l0.219 0.656 1.938 5.344h0.031v0.063l0.938 2.594 0.063 0.156v1.188h-2v-0.844l-0.406-1.156h-3.188l-0.406 1.156v0.844h-2v-1.188l0.063-0.156 0.938-2.594v-0.063h0.031l1.938-5.344zM22 5h2v18.688l2.594-2.594 1.406 1.406-4.281 4.313-0.719 0.688-0.719-0.688-4.281-4.313 1.406-1.406 2.594 2.594v-18.688zM9 8.656l-0.844 2.344h1.688zM5 17h8v2.406l-0.281 0.313-5.281 5.281h5.563v2h-8v-2.406l0.281-0.313 5.281-5.281h-5.563v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/sort-alpha-desc.svg b/webapp/assets/_new/icons/svgs/sort-alpha-desc.svg
new file mode 100755
index 000000000..461e65611
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/sort-alpha-desc.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>sort-alpha-desc</title>
+<path d="M5 5h8v2.406l-0.281 0.313-5.281 5.281h5.563v2h-8v-2.406l0.281-0.313 5.281-5.281h-5.563v-2zM22 5h2v18.688l2.594-2.594 1.406 1.406-4.281 4.313-0.719 0.688-0.719-0.688-4.281-4.313 1.406-1.406 2.594 2.594v-18.688zM8.188 17h1.625l0.219 0.656 1.938 5.344h0.031v0.063l0.938 2.594 0.063 0.156v1.188h-2v-0.844l-0.406-1.156h-3.188l-0.406 1.156v0.844h-2v-1.188l0.063-0.156 0.938-2.594v-0.063h0.031l1.938-5.344zM9 20.656l-0.844 2.344h1.688z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/sort.svg b/webapp/assets/_new/icons/svgs/sort.svg
new file mode 100755
index 000000000..d7fc07efd
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/sort.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>sort</title>
+<path d="M16 3.594l0.719 0.688 8 8 1.688 1.719h-20.813l1.688-1.719 8-8zM16 6.438l-5.563 5.563h11.125zM5.594 18h20.813l-1.688 1.719-8 8-0.719 0.688-0.719-0.688-8-8zM10.438 20l5.563 5.563 5.563-5.563h-11.125z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/spinner.svg b/webapp/assets/_new/icons/svgs/spinner.svg
new file mode 100755
index 000000000..b5d0cf71a
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/spinner.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>spinner</title>
+<path d="M16 3c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3zM8.938 6.438c1.381 0 2.5 1.119 2.5 2.5s-1.119 2.5-2.5 2.5-2.5-1.119-2.5-2.5 1.119-2.5 2.5-2.5zM23.063 7.938c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1zM6 13.75c1.243 0 2.25 1.007 2.25 2.25s-1.007 2.25-2.25 2.25-2.25-1.007-2.25-2.25 1.007-2.25 2.25-2.25zM26 14.75c0.69 0 1.25 0.56 1.25 1.25s-0.56 1.25-1.25 1.25-1.25-0.56-1.25-1.25 0.56-1.25 1.25-1.25zM8.938 21.063c1.105 0 2 0.895 2 2s-0.895 2-2 2-2-0.895-2-2 0.895-2 2-2zM23.063 21.563c0.828 0 1.5 0.672 1.5 1.5s-0.672 1.5-1.5 1.5-1.5-0.672-1.5-1.5 0.672-1.5 1.5-1.5zM16 24.25c0.966 0 1.75 0.784 1.75 1.75s-0.784 1.75-1.75 1.75-1.75-0.784-1.75-1.75 0.784-1.75 1.75-1.75z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/star-half-o.svg b/webapp/assets/_new/icons/svgs/star-half-o.svg
new file mode 100755
index 000000000..40070bbef
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/star-half-o.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>star-half-o</title>
+<path d="M16 2.375l0.906 2.031 3.25 7.313 7.938 0.813 2.25 0.25-1.688 1.5-5.906 5.344 1.656 7.813 0.469 2.188-1.969-1.125-6.906-3.969-6.906 3.969-1.938 1.125h-0.031l0.469-2.188 1.656-7.813-5.906-5.344-1.688-1.5 2.25-0.25 7.938-0.813 3.25-7.313zM16 7.281v14.938l0.5 0.281 5.469 3.156-1.313-6.188-0.125-0.563 0.438-0.375 4.719-4.25-6.875-0.719-0.25-0.5z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/star-o.svg b/webapp/assets/_new/icons/svgs/star-o.svg
new file mode 100755
index 000000000..3bc7af681
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/star-o.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>star-o</title>
+<path d="M16 2.125l0.906 2.063 3.25 7.281 7.938 0.844 2.25 0.25-1.688 1.5-5.906 5.344 1.656 7.813 0.469 2.188-1.969-1.125-6.906-4-6.906 4-1.969 1.125 0.469-2.188 1.656-7.813-5.906-5.344-1.688-1.5 2.25-0.25 7.938-0.844 3.25-7.281zM16 7.031l-2.563 5.781-0.25 0.531-0.563 0.063-6.281 0.656 4.688 4.219 0.438 0.406-0.125 0.563-1.313 6.156 5.469-3.125 0.5-0.313 0.5 0.313 5.469 3.125-1.313-6.156-0.125-0.563 0.438-0.406 4.688-4.219-6.844-0.719-0.25-0.531z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/star.svg b/webapp/assets/_new/icons/svgs/star.svg
new file mode 100755
index 000000000..5b4236991
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/star.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>star</title>
+<path d="M30.336 12.547l-7.599 6.846 2.122 10.007-8.859-5.111-8.859 5.111 2.122-10.006-7.599-6.847 10.172-1.073 4.164-9.343 4.164 9.343z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/subscript.svg b/webapp/assets/_new/icons/svgs/subscript.svg
new file mode 100755
index 000000000..07663bcc6
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/subscript.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>subscript</title>
+<path d="M4.156 8h6.375l0.313 0.469 1.656 2.563 1.656-2.563 0.313-0.469h6.375l-1 1.531-4.156 6.469 4.156 6.469 1 1.531h-6.375l-0.313-0.469-1.656-2.563-1.656 2.563-0.313 0.469h-6.375l1-1.531 4.156-6.469-4.156-6.469zM7.813 10l3.875 6-0.344 0.531-3.531 5.469h1.656l2.188-3.438 0.844-1.313 0.844 1.313 2.188 3.438h1.656l-3.875-6 0.344-0.531 3.531-5.469h-1.656l-2.188 3.438-0.844 1.313-0.844-1.313-2.188-3.438h-1.656zM24.969 19h0.063c1.626 0 2.969 1.343 2.969 2.969 0 0.976-0.478 1.885-1.281 2.438l-2.125 1.469c-0.041 0.028-0.025 0.093-0.063 0.125h3.469v2h-6v-1c0-1.111 0.553-2.152 1.469-2.781l2.125-1.469c0.263-0.181 0.406-0.463 0.406-0.781 0-0.546-0.423-0.969-0.969-0.969h-0.063c-0.546 0-0.969 0.423-0.969 0.969v0.031h-2v-0.031c0-1.626 1.343-2.969 2.969-2.969z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/sun.svg b/webapp/assets/_new/icons/svgs/sun.svg
new file mode 100755
index 000000000..bddbcebcc
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/sun.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>sun-o</title>
+<path d="M15 3h2v5h-2v-5zM7.5 6.094l3.563 3.531-1.438 1.438-3.531-3.563zM24.5 6.094l1.406 1.406-3.531 3.563-1.438-1.438zM16 9c3.854 0 7 3.146 7 7s-3.146 7-7 7-7-3.146-7-7 3.146-7 7-7zM16 11c-2.773 0-5 2.227-5 5s2.227 5 5 5 5-2.227 5-5-2.227-5-5-5zM3 15h5v2h-5v-2zM24 15h5v2h-5v-2zM9.625 20.938l1.438 1.438-3.563 3.531-1.406-1.406zM22.375 20.938l3.531 3.563-1.406 1.406-3.563-3.531zM15 24h2v5h-2v-5z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/superscript.svg b/webapp/assets/_new/icons/svgs/superscript.svg
new file mode 100755
index 000000000..08938a2b5
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/superscript.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>superscript</title>
+<path d="M24.969 3h0.063c1.626 0 2.969 1.343 2.969 2.969 0 0.976-0.478 1.885-1.281 2.438l-2.125 1.469c-0.041 0.028-0.025 0.093-0.063 0.125h3.469v2h-6v-1c0-1.111 0.553-2.152 1.469-2.781l2.125-1.469c0.263-0.181 0.406-0.463 0.406-0.781 0-0.546-0.423-0.969-0.969-0.969h-0.063c-0.546 0-0.969 0.423-0.969 0.969v0.031h-2v-0.031c0-1.626 1.343-2.969 2.969-2.969zM4.156 8h6.375l0.313 0.469 1.656 2.563 1.656-2.563 0.313-0.469h6.375l-1 1.531-4.156 6.469 4.156 6.469 1 1.531h-6.375l-0.313-0.469-1.656-2.563-1.656 2.563-0.313 0.469h-6.375l1-1.531 4.156-6.469-4.156-6.469zM7.813 10l3.875 6-0.344 0.531-3.531 5.469h1.656l2.188-3.438 0.844-1.313 0.844 1.313 2.188 3.438h1.656l-3.875-6 0.344-0.531 3.531-5.469h-1.656l-2.188 3.438-0.844 1.313-0.844-1.313-2.188-3.438h-1.656z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/table.svg b/webapp/assets/_new/icons/svgs/table.svg
new file mode 100755
index 000000000..bdb7c8e7b
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/table.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>table</title>
+<path d="M5 5h22v22h-22v-22zM7 7v5h5v-5h-5zM14 7v5h4v-5h-4zM20 7v5h5v-5h-5zM7 14v4h5v-4h-5zM14 14v4h4v-4h-4zM20 14v4h5v-4h-5zM7 20v5h5v-5h-5zM14 20v5h4v-5h-4zM20 20v5h5v-5h-5z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/tablet.svg b/webapp/assets/_new/icons/svgs/tablet.svg
new file mode 100755
index 000000000..7142d4644
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/tablet.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>tablet</title>
+<path d="M5 6h22c1.645 0 3 1.355 3 3v14c0 1.645-1.355 3-3 3h-22c-1.645 0-3-1.355-3-3v-14c0-1.645 1.355-3 3-3zM5 8c-0.555 0-1 0.445-1 1v14c0 0.555 0.445 1 1 1h22c0.555 0 1-0.445 1-1v-14c0-0.555-0.445-1-1-1h-22zM6 15c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/tag.svg b/webapp/assets/_new/icons/svgs/tag.svg
new file mode 100755
index 000000000..875a3be33
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/tag.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>tag</title>
+<path d="M16 5h11v11l-0.281 0.313-12.219 12.094-0.719-0.688-9.5-9.5-0.688-0.719 0.688-0.688 11.406-11.531zM16.844 7l-10.438 10.5 8.094 8.094 10.5-10.438v-8.156h-8.156zM22 9c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/tags.svg b/webapp/assets/_new/icons/svgs/tags.svg
new file mode 100755
index 000000000..f248cc080
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/tags.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>tags</title>
+<path d="M14.594 4h10.406v10.406l-0.281 0.313-11 11-0.719 0.688-0.719-0.688-9-9-0.688-0.719 0.688-0.719 11-11zM15.438 6l-10 10 7.563 7.563 10-10v-7.563h-7.563zM26 7h3v11l-0.281 0.313-11.219 11.094-0.719-0.688-1.938-1.969 1.406-1.406 1.25 1.25 9.5-9.438v-8.156h-1v-2zM20 8c0.552 0 1 0.448 1 1s-0.448 1-1 1-1-0.448-1-1 0.448-1 1-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/terminal.svg b/webapp/assets/_new/icons/svgs/terminal.svg
new file mode 100755
index 000000000..9f336dc12
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/terminal.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>terminal</title>
+<path d="M4 5h24v22h-24v-22zM6 7v2h20v-2h-20zM6 11v14h20v-14h-20zM11.219 13.781l3.5 3.5 0.688 0.719-0.688 0.719-3.5 3.5-1.438-1.438 2.781-2.781-2.781-2.781zM16 20h6v2h-6v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/ticket.svg b/webapp/assets/_new/icons/svgs/ticket.svg
new file mode 100755
index 000000000..5e7cfb92c
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/ticket.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>ticket</title>
+<path d="M2 7h28v7h-1c-1.19 0-2 0.81-2 2s0.81 2 2 2h1v7h-28v-7h1c1.19 0 2-0.81 2-2s-0.81-2-2-2h-1v-7zM4 9v3.188c1.715 0.451 3 1.955 3 3.813s-1.285 3.362-3 3.813v3.188h24v-3.188c-1.715-0.451-3-1.955-3-3.813s1.285-3.362 3-3.813v-3.188h-24z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/toggle-off.svg b/webapp/assets/_new/icons/svgs/toggle-off.svg
new file mode 100755
index 000000000..c69ce1b5f
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/toggle-off.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>toggle-off</title>
+<path d="M9 7h14c4.959 0 9 4.041 9 9s-4.041 9-9 9h-14c-0.94 0-1.835-0.137-2.688-0.406-0.282-0.088-0.543-0.198-0.813-0.313-2.413-1.023-4.298-3.072-5.094-5.594-0.003-0.009 0.003-0.022 0-0.031-0.264-0.845-0.406-1.727-0.406-2.656 0-0.94 0.137-1.835 0.406-2.688 0.088-0.282 0.198-0.543 0.313-0.813 1.023-2.413 3.072-4.298 5.594-5.094 0.282-0.088 0.582-0.159 0.875-0.219 0.585-0.12 1.193-0.188 1.813-0.188zM9 9c-3.635 0-6.612 2.743-6.969 6.281-0.024 0.236-0.031 0.476-0.031 0.719 0 3.878 3.123 7 7 7s7-3.122 7-7-3.122-7-7-7zM14.625 9c2.051 1.652 3.375 4.171 3.375 7s-1.324 5.348-3.375 7h8.375c3.878 0 7-3.122 7-7s-3.122-7-7-7h-8.375z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/toggle-on.svg b/webapp/assets/_new/icons/svgs/toggle-on.svg
new file mode 100755
index 000000000..280c7d249
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/toggle-on.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>toggle-on</title>
+<path d="M9 7h14c4.959 0 9 4.041 9 9s-4.041 9-9 9h-14c-4.962 0-9-4.037-9-9s4.038-9 9-9zM23 9c-3.878 0-7 3.122-7 7s3.122 7 7 7 7-3.122 7-7-3.122-7-7-7z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/undo.svg b/webapp/assets/_new/icons/svgs/undo.svg
new file mode 100755
index 000000000..707b60150
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/undo.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>undo</title>
+<path d="M12.781 5.281l1.438 1.438-6.281 6.281h13.063c3.845 0 7 3.155 7 7v7h-2v-7c0-2.755-2.245-5-5-5h-13.063l6.281 6.281-1.438 1.438-8-8-0.688-0.719 0.688-0.719z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/upload.svg b/webapp/assets/_new/icons/svgs/upload.svg
new file mode 100755
index 000000000..83dfe5bcf
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/upload.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>upload</title>
+<path d="M16 3.594l0.719 0.688 7 7-1.438 1.438-5.281-5.281v16.563h-2v-16.563l-5.281 5.281-1.438-1.438 7-7zM7 26h18v2h-18v-2z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/video-camera.svg b/webapp/assets/_new/icons/svgs/video-camera.svg
new file mode 100755
index 000000000..b6a9cc0df
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/video-camera.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>video-camera</title>
+<path d="M2 8h22v3.375l6-3v15.25l-6-3v3.375h-22v-16zM4 10v12h18v-12h-18zM28 11.625l-4 2v4.75l4 2v-8.75z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/volume-down.svg b/webapp/assets/_new/icons/svgs/volume-down.svg
new file mode 100755
index 000000000..f8b25dc25
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/volume-down.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>volume-down</title>
+<path d="M15 4.594v22.813l-1.719-1.688-4.719-4.719h-4.563v-10h4.563l4.719-4.719zM13 9.438l-3.281 3.281-0.313 0.281h-3.406v6h3.406l0.313 0.281 3.281 3.281v-13.125zM18.5 12.031c0.939 1.059 1.5 2.446 1.5 3.969s-0.561 2.91-1.5 3.969l-1.438-1.438c0.578-0.694 0.938-1.559 0.938-2.531s-0.36-1.837-0.938-2.531z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/volume-off.svg b/webapp/assets/_new/icons/svgs/volume-off.svg
new file mode 100755
index 000000000..daaeb19f5
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/volume-off.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>volume-off</title>
+<path d="M15 4.594v22.813l-1.719-1.688-4.719-4.719h-4.563v-10h4.563l4.719-4.719zM13 9.438l-3.281 3.281-0.313 0.281h-3.406v6h3.406l0.313 0.281 3.281 3.281v-13.125zM20.219 11.781l2.781 2.781 2.781-2.781 1.438 1.438-2.781 2.781 2.781 2.781-1.438 1.438-2.781-2.781-2.781 2.781-1.438-1.438 2.781-2.781-2.781-2.781z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/volume-up.svg b/webapp/assets/_new/icons/svgs/volume-up.svg
new file mode 100755
index 000000000..03816d0d3
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/volume-up.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>volume-up</title>
+<path d="M15 4.594v22.813l-1.719-1.688-4.719-4.719h-4.563v-10h4.563l4.719-4.719zM24.125 6.375c2.385 2.511 3.875 5.896 3.875 9.625s-1.49 7.113-3.875 9.625l-1.406-1.406c2.024-2.149 3.281-5.041 3.281-8.219s-1.257-6.071-3.281-8.219zM21.313 9.188c1.661 1.786 2.688 4.187 2.688 6.813s-1.026 5.026-2.688 6.813l-1.406-1.438c1.3-1.424 2.094-3.3 2.094-5.375s-0.794-3.952-2.094-5.375zM13 9.438l-3.281 3.281-0.313 0.281h-3.406v6h3.406l0.313 0.281 3.281 3.281v-13.125zM18.5 12.031c0.939 1.059 1.5 2.446 1.5 3.969s-0.561 2.91-1.5 3.969l-1.438-1.438c0.578-0.694 0.938-1.559 0.938-2.531s-0.36-1.837-0.938-2.531z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/wheelchair.svg b/webapp/assets/_new/icons/svgs/wheelchair.svg
new file mode 100755
index 000000000..3854969b8
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/wheelchair.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>wheelchair</title>
+<path d="M20 3c1.645 0 3 1.355 3 3s-1.355 3-3 3-3-1.355-3-3 1.355-3 3-3zM20 5c-0.564 0-1 0.436-1 1s0.436 1 1 1 1-0.436 1-1-0.436-1-1-1zM14.531 7.781c0.404-0.046 0.828 0.057 1.188 0.25v-0.031l1.688 0.938c1.306 0.7 1.911 2.262 1.406 3.656l-1.156 3.219c0.683 0.615 1.256 1.349 1.656 2.188h1.875c0.934 0 1.77 0.648 1.969 1.563l1.313 6.094-1.938 0.438-1.344-6.094h-1.281c0.047 0.327 0.094 0.66 0.094 1 0 3.854-3.146 7-7 7s-7-3.146-7-7c0-3.514 2.617-6.417 6-6.906l1.469-4.156-2.281 0.25-2.5 3.844-1.688-1.063 2.5-3.875c0.325-0.504 0.845-0.838 1.438-0.906zM15.531 10.188l-1.438 3.906c0.647 0.102 1.267 0.295 1.844 0.563l1-2.75c0.172-0.474-0.025-0.981-0.469-1.219zM13 16c-2.773 0-5 2.227-5 5s2.227 5 5 5 5-2.227 5-5-2.227-5-5-5z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/wifi.svg b/webapp/assets/_new/icons/svgs/wifi.svg
new file mode 100755
index 000000000..0df70f686
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/wifi.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>wifi</title>
+<path d="M16 7c5.017 0 9.544 2.083 12.813 5.406l-1.406 1.406c-2.905-2.961-6.94-4.813-11.406-4.813s-8.501 1.851-11.406 4.813l-1.406-1.406c3.268-3.323 7.796-5.406 12.813-5.406zM16 12c3.639 0 6.919 1.521 9.281 3.938l-1.406 1.406c-2-2.055-4.788-3.344-7.875-3.344s-5.875 1.288-7.875 3.344l-1.406-1.406c2.362-2.418 5.642-3.938 9.281-3.938zM16 17c2.26 0 4.295 0.956 5.75 2.469l-1.406 1.406c-1.093-1.15-2.635-1.875-4.344-1.875s-3.25 0.725-4.344 1.875l-1.406-1.406c1.456-1.513 3.49-2.469 5.75-2.469zM16 22c0.884 0 1.67 0.392 2.219 1l-2.219 2.219-2.219-2.219c0.549-0.608 1.335-1 2.219-1z"></path>
+</svg>
diff --git a/webapp/assets/_new/icons/svgs/youtube-play.svg b/webapp/assets/_new/icons/svgs/youtube-play.svg
new file mode 100755
index 000000000..80370a4e6
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/youtube-play.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>youtube-play</title>
+<path d="M16 6c3.766 0 7.094 0.392 9.125 0.688 1.679 0.245 3.035 1.512 3.344 3.188 0.264 1.429 0.531 3.518 0.531 6.125s-0.268 4.697-0.531 6.125c-0.309 1.677-1.664 2.944-3.344 3.188-2.038 0.296-5.379 0.688-9.125 0.688s-7.088-0.392-9.125-0.688c-1.679-0.243-3.034-1.512-3.344-3.188-0.263-1.426-0.531-3.513-0.531-6.125s0.268-4.698 0.531-6.125c0.309-1.675 1.666-2.943 3.344-3.188 2.031-0.296 5.358-0.688 9.125-0.688zM16 8c-3.633 0-6.881 0.37-8.844 0.656-0.846 0.123-1.503 0.761-1.656 1.594-0.243 1.32-0.5 3.271-0.5 5.75s0.257 4.43 0.5 5.75c0.154 0.833 0.811 1.471 1.656 1.594 1.971 0.286 5.233 0.656 8.844 0.656s6.872-0.37 8.844-0.656c0.846-0.123 1.503-0.76 1.656-1.594 0.243-1.322 0.5-3.279 0.5-5.75s-0.256-4.429-0.5-5.75c-0.153-0.833-0.811-1.47-1.656-1.594-1.963-0.286-5.212-0.656-8.844-0.656zM13 10.281l1.5 0.844 7 4 1.5 0.875-1.5 0.875-7 4-1.5 0.844v-11.438zM15 13.719v4.563l3.969-2.281z"></path>
+</svg>

From 618e4c7a67c217b982f10d4010ff6bbc24b19d30 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 26 Jul 2023 12:59:25 +0200
Subject: [PATCH 05/12] Change icons to base-buttons

---
 webapp/components/Chat/Chat.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/components/Chat/Chat.vue b/webapp/components/Chat/Chat.vue
index 883067666..72c8adfd4 100644
--- a/webapp/components/Chat/Chat.vue
+++ b/webapp/components/Chat/Chat.vue
@@ -36,7 +36,7 @@
           <ds-flex v-if="singleRoom">
             <ds-flex-item centered class="single-chat-bubble">
               <nuxt-link :to="{ name: 'chat' }">
-                <base-icon name="chat-bubble" />
+                <base-button icon="expand" circle size="small"/>
               </nuxt-link>
             </ds-flex-item>
             <ds-flex-item centered>
@@ -45,7 +45,7 @@
                 @click="$emit('close-single-room', true)"
               >
                 <slot name="menu-icon">
-                  <ds-icon name="close" />
+                  <base-button icon="close" circle size="small"/>
                 </slot>
               </div>
             </ds-flex-item>

From 3e1ed4f1dbe272238a21b027e94c5227a68529da Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 26 Jul 2023 13:37:30 +0200
Subject: [PATCH 06/12] Change color of scroll icon color & scroll counter
 color.

---
 webapp/constants/chat.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/constants/chat.js b/webapp/constants/chat.js
index de391707d..70d31a835 100644
--- a/webapp/constants/chat.js
+++ b/webapp/constants/chat.js
@@ -77,8 +77,8 @@ const STYLE = {
       colorTag: '#0d579c',
       backgroundImage: '#ddd',
       colorNewMessages: styleData.chatNewMessageColor,
-      backgroundScrollCounter: '#0696c7',
-      colorScrollCounter: '#fff',
+      backgroundScrollCounter: styleData.chatRoomBackgroundCounterBadge, // styleData.chatRoomBackgroundCounterBadge,
+      colorScrollCounter: styleData.chatRoomColorCounterBadge, //styleData.chatRoomColorCounterBadge,
       backgroundReaction: '#eee',
       borderStyleReaction: '1px solid #eee',
       backgroundReactionHover: '#fff',

From 790ce71122c5ddf2aaaf1f13c259b253b9e5b3ee Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 26 Jul 2023 13:43:51 +0200
Subject: [PATCH 07/12] Change the button style to small, change position.

---
 webapp/components/Chat/AddChatRoomByUserSearch.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/components/Chat/AddChatRoomByUserSearch.vue b/webapp/components/Chat/AddChatRoomByUserSearch.vue
index b48120603..8ab21f06f 100644
--- a/webapp/components/Chat/AddChatRoomByUserSearch.vue
+++ b/webapp/components/Chat/AddChatRoomByUserSearch.vue
@@ -2,7 +2,7 @@
   <div class="add-chat-room-by-user-search">
     <ds-flex class="headline">
       <h2 class="title">{{ $t('chat.addRoomHeadline') }}</h2>
-      <base-button class="close-button" icon="close" circle @click="closeUserSearch" />
+      <base-button class="close-button" icon="close" circle size="small" @click="closeUserSearch" />
     </ds-flex>
     <ds-space margin-bottom="small" />
     <ds-space>
@@ -62,6 +62,6 @@ export default {
   justify-content: space-between;
 }
 .ds-flex.headline .close-button {
-  margin-top: -6px;
+  margin-top: -2px;
 }
 </style>

From ad74448696eea2f5b9bb6775f86085fd0cd633eb Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 26 Jul 2023 14:00:59 +0200
Subject: [PATCH 08/12] Fix linting.

---
 webapp/components/Chat/Chat.vue | 4 ++--
 webapp/constants/chat.js        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/components/Chat/Chat.vue b/webapp/components/Chat/Chat.vue
index 72c8adfd4..0a1872106 100644
--- a/webapp/components/Chat/Chat.vue
+++ b/webapp/components/Chat/Chat.vue
@@ -36,7 +36,7 @@
           <ds-flex v-if="singleRoom">
             <ds-flex-item centered class="single-chat-bubble">
               <nuxt-link :to="{ name: 'chat' }">
-                <base-button icon="expand" circle size="small"/>
+                <base-button icon="expand" size="small" circle />
               </nuxt-link>
             </ds-flex-item>
             <ds-flex-item centered>
@@ -45,7 +45,7 @@
                 @click="$emit('close-single-room', true)"
               >
                 <slot name="menu-icon">
-                  <base-button icon="close" circle size="small"/>
+                  <base-button icon="close" size="small" circle />
                 </slot>
               </div>
             </ds-flex-item>
diff --git a/webapp/constants/chat.js b/webapp/constants/chat.js
index 70d31a835..c278dfd62 100644
--- a/webapp/constants/chat.js
+++ b/webapp/constants/chat.js
@@ -77,8 +77,8 @@ const STYLE = {
       colorTag: '#0d579c',
       backgroundImage: '#ddd',
       colorNewMessages: styleData.chatNewMessageColor,
-      backgroundScrollCounter: styleData.chatRoomBackgroundCounterBadge, // styleData.chatRoomBackgroundCounterBadge,
-      colorScrollCounter: styleData.chatRoomColorCounterBadge, //styleData.chatRoomColorCounterBadge,
+      backgroundScrollCounter: styleData.chatRoomBackgroundCounterBadge,
+      colorScrollCounter: styleData.chatRoomColorCounterBadge,
       backgroundReaction: '#eee',
       borderStyleReaction: '1px solid #eee',
       backgroundReactionHover: '#fff',

From 7443c60d404c478c4cb0cff8c9e633a00aea0d74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 26 Jul 2023 14:10:15 +0200
Subject: [PATCH 09/12] Fix create event typing issues

---
 webapp/locales/de.json | 4 ++--
 webapp/locales/en.json | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 23941c879..4743a2488 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -782,9 +782,9 @@
     "viewEvent": {
       "eventEnd": "Ende",
       "eventIsOnline": "Online",
-      "eventLocationName": "Stadt - z.B. Musterstraße 1, 12345 Musterstadt",
+      "eventLocationName": "Stadt — z.B. Musterstraße 1, 12345 Musterstadt",
       "eventStart": "Beginn",
-      "eventVenue": "Veranstaltungsort - z.B. Hinterhof, 1. OG, ...",
+      "eventVenue": "Veranstaltungsort — z.B. Hinterhof, 1. OG, …",
       "title": "Veranstaltung"
     },
     "viewPost": {
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 972a74fe8..752e545ab 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -782,9 +782,9 @@
     "viewEvent": {
       "eventEnd": "End",
       "eventIsOnline": "Online",
-      "eventLocationName": "City - e.g. Example street 1, 12345 City",
+      "eventLocationName": "City — e.g. Example Street 1, 12345 City",
       "eventStart": "Start",
-      "eventVenue": "Venue - e.g. Backyard, 1st Floor, ...",
+      "eventVenue": "Venue — e.g. Backyard, 1st Floor, …",
       "title": "Event"
     },
     "viewPost": {

From d07dbe14a923511533c535e118bda553d667fc3a Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 26 Jul 2023 14:21:05 +0200
Subject: [PATCH 10/12] Change click event layer from div to button.

---
 webapp/components/Chat/Chat.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/webapp/components/Chat/Chat.vue b/webapp/components/Chat/Chat.vue
index 0a1872106..c2e767272 100644
--- a/webapp/components/Chat/Chat.vue
+++ b/webapp/components/Chat/Chat.vue
@@ -40,12 +40,14 @@
               </nuxt-link>
             </ds-flex-item>
             <ds-flex-item centered>
-              <div
-                class="vac-svg-button vac-room-options"
-                @click="$emit('close-single-room', true)"
-              >
+              <div class="vac-svg-button vac-room-options">
                 <slot name="menu-icon">
-                  <base-button icon="close" size="small" circle />
+                  <base-button
+                    icon="close"
+                    size="small"
+                    circle
+                    @click="$emit('close-single-room', true)"
+                  />
                 </slot>
               </div>
             </ds-flex-item>

From 9849a13999053004a5ac96e8ff21fc032a6f422a Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Fri, 28 Jul 2023 14:35:43 +0200
Subject: [PATCH 11/12] [fix] @ mentions in chat now redirect to user page

---
 webapp/components/Chat/Chat.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/webapp/components/Chat/Chat.vue b/webapp/components/Chat/Chat.vue
index c2e767272..348527a3c 100644
--- a/webapp/components/Chat/Chat.vue
+++ b/webapp/components/Chat/Chat.vue
@@ -27,6 +27,7 @@
         @fetch-more-rooms="fetchRooms"
         @add-room="toggleUserSearch"
         @show-demo-options="showDemoOptions = $event"
+        @open-user-tag="redirectToUserProfile($event.detail[0])"
       >
         <div
           v-if="selectedRoom && selectedRoom.roomId"
@@ -447,6 +448,13 @@ export default {
           // this.loading = false
         })
     },
+
+    redirectToUserProfile({user}){
+      let userID = user.id
+      let userName = user.name.toLowerCase().replaceAll(" ", "-")
+      let url = `/profile/${userID}/${userName}`
+      this.$router.push({ path: url });
+    }
   },
 }
 </script>

From f1fc2e07f700f47d340231f66a3c5e9628e41af2 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Fri, 28 Jul 2023 14:36:32 +0200
Subject: [PATCH 12/12] fixed linting

---
 webapp/components/Chat/Chat.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/webapp/components/Chat/Chat.vue b/webapp/components/Chat/Chat.vue
index 348527a3c..eb0ce4433 100644
--- a/webapp/components/Chat/Chat.vue
+++ b/webapp/components/Chat/Chat.vue
@@ -449,12 +449,12 @@ export default {
         })
     },
 
-    redirectToUserProfile({user}){
-      let userID = user.id
-      let userName = user.name.toLowerCase().replaceAll(" ", "-")
-      let url = `/profile/${userID}/${userName}`
-      this.$router.push({ path: url });
-    }
+    redirectToUserProfile({ user }) {
+      const userID = user.id
+      const userName = user.name.toLowerCase().replaceAll(' ', '-')
+      const url = `/profile/${userID}/${userName}`
+      this.$router.push({ path: url })
+    },
   },
 }
 </script>