From 38c8bd454a98bb362a40d4f9ea08324efd1c37b2 Mon Sep 17 00:00:00 2001
From: Thomas Gerbet <thomas.gerbet@enalean.com>
Date: Wed, 3 Feb 2021 16:20:01 +0100
Subject: [PATCH] request #19263: Empty and error state illustrations of the
 taskboard are not displayed

The issue happens for two reasons:
* since the v5.0 of file-loader everything is considered to be usable as
  a ES module by default. This does not work in this situation.
* SVG loaded through `<use>` is a bit of grey area in the
  Content-Security-Policy specification [0][1] and a result it does not
  work on Firefox when `default-src` is set to none.

In order to solve the issue while keeping the overall app not too big,
the parts of the SVG have been splitted into individual components and
are loaded asynchronously.

The opportunity has also been taken to optimize the SVGs with SVGO [2].

[0] https://github.com/w3c/webappsec-csp/issues/199
[1] https://github.com/w3c/webappsec-csp/issues/198
[2] https://github.com/svg/svgo

Change-Id: Ia66419a50e73eadaffdd31bf3b1b70a5328592d3
---
 plugins/scaled_agile/webpack.common.js        |   1 -
 .../scripts/taskboard/src/components/App.vue  |   6 +-
 .../EmptyState/NoContentEmptyState.vue        |  19 +-
 .../NoContentEmptyStateIllustration.vue       | 160 +++++++++++
 .../NoContentEmptyState.test.ts.snap          |  17 +-
 .../BoardWithoutAnyColumnsErrorForAdmin.vue   |  19 +-
 ...outAnyColumnsErrorForAdminIllustration.vue | 108 +++++++
 .../BoardWithoutAnyColumnsErrorForUsers.vue   |  21 +-
 ...outAnyColumnsErrorForUsersIllustration.vue | 199 +++++++++++++
 .../components/GlobalError/GlobalAppError.vue |  17 +-
 .../GlobalAppErrorIllustration.vue            |  97 +++++++
 ...ithoutAnyColumnsErrorForAdmin.test.ts.snap |  12 +-
 ...ithoutAnyColumnsErrorForUsers.test.ts.snap |  24 +-
 .../__snapshots__/GlobalAppError.test.ts.snap |  12 +-
 .../taskboard/src/images/illustrations.svg    | 269 ------------------
 plugins/taskboard/webpack.common.js           |   1 -
 tools/utils/scripts/webpack-rule-configs.js   |   7 -
 17 files changed, 624 insertions(+), 365 deletions(-)
 create mode 100644 plugins/taskboard/scripts/taskboard/src/components/EmptyState/NoContentEmptyStateIllustration.vue
 create mode 100644 plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForAdminIllustration.vue
 create mode 100644 plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForUsersIllustration.vue
 create mode 100644 plugins/taskboard/scripts/taskboard/src/components/GlobalError/GlobalAppErrorIllustration.vue
 delete mode 100644 plugins/taskboard/scripts/taskboard/src/images/illustrations.svg

diff --git a/plugins/scaled_agile/webpack.common.js b/plugins/scaled_agile/webpack.common.js
index 81f3dff71bc..89efb6249dc 100644
--- a/plugins/scaled_agile/webpack.common.js
+++ b/plugins/scaled_agile/webpack.common.js
@@ -53,7 +53,6 @@ module.exports = [
                 ),
                 webpack_configurator.rule_easygettext_loader,
                 webpack_configurator.rule_vue_loader,
-                webpack_configurator.rule_file_loader_images,
                 webpack_configurator.rule_scss_loader,
             ],
         },
diff --git a/plugins/taskboard/scripts/taskboard/src/components/App.vue b/plugins/taskboard/scripts/taskboard/src/components/App.vue
index e50f12a42c0..d9fab5d4f5b 100644
--- a/plugins/taskboard/scripts/taskboard/src/components/App.vue
+++ b/plugins/taskboard/scripts/taskboard/src/components/App.vue
@@ -31,12 +31,12 @@
 import Vue from "vue";
 import { namespace, State, Getter } from "vuex-class";
 import { Component } from "vue-property-decorator";
-import BoardWithoutAnyColumnsError from "./GlobalError/BoardWithoutAnyColumnsError.vue";
-import GlobalAppError from "./GlobalError/GlobalAppError.vue";
 import { ColumnDefinition, TaskboardEvent } from "../type";
 import TaskBoard from "./TaskBoard/TaskBoard.vue";
-import NoContentEmptyState from "./EmptyState/NoContentEmptyState.vue";
 import EventBus from "./../helpers/event-bus";
+import NoContentEmptyState from "./EmptyState/NoContentEmptyState.vue";
+import BoardWithoutAnyColumnsError from "./GlobalError/BoardWithoutAnyColumnsError.vue";
+import GlobalAppError from "./GlobalError/GlobalAppError.vue";
 
 const column = namespace("column");
 const error = namespace("error");
diff --git a/plugins/taskboard/scripts/taskboard/src/components/EmptyState/NoContentEmptyState.vue b/plugins/taskboard/scripts/taskboard/src/components/EmptyState/NoContentEmptyState.vue
index cee1488a4af..a9500e2a0da 100644
--- a/plugins/taskboard/scripts/taskboard/src/components/EmptyState/NoContentEmptyState.vue
+++ b/plugins/taskboard/scripts/taskboard/src/components/EmptyState/NoContentEmptyState.vue
@@ -18,15 +18,10 @@
   -
   -->
 
-<template functional>
+<template>
     <div class="empty-page">
         <div class="empty-page-illustration">
-            <svg xmlns="http://www.w3.org/2000/svg" width="534" height="170" fill="none">
-                <use
-                    href="../../images/illustrations.svg#no-content-empty-state"
-                    class="tlp-illustration"
-                />
-            </svg>
+            <no-content-empty-state-illustration />
         </div>
         <translate tag="p" class="empty-page-text">This taskboard is empty</translate>
     </div>
@@ -35,7 +30,13 @@
 <script lang="ts">
 import Vue from "vue";
 import { Component } from "vue-property-decorator";
-
-@Component
+@Component({
+    components: {
+        "no-content-empty-state-illustration": (): Promise<Record<string, unknown>> =>
+            import(
+                /* webpackChunkName: "taskboard-no-content-empty-state-illustration" */ "./NoContentEmptyStateIllustration.vue"
+            ),
+    },
+})
 export default class NoContentEmptyState extends Vue {}
 </script>
diff --git a/plugins/taskboard/scripts/taskboard/src/components/EmptyState/NoContentEmptyStateIllustration.vue b/plugins/taskboard/scripts/taskboard/src/components/EmptyState/NoContentEmptyStateIllustration.vue
new file mode 100644
index 00000000000..5ff8b957db7
--- /dev/null
+++ b/plugins/taskboard/scripts/taskboard/src/components/EmptyState/NoContentEmptyStateIllustration.vue
@@ -0,0 +1,160 @@
+<!--
+  - Copyright (c) Enalean, 2019 - present. All Rights Reserved.
+  -
+  - This file is a part of Tuleap.
+  -
+  - Tuleap is free software; you can redistribute it and/or modify
+  - it under the terms of the GNU General Public License as published by
+  - the Free Software Foundation; either version 2 of the License, or
+  - (at your option) any later version.
+  -
+  - Tuleap is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  - GNU General Public License for more details.
+  -
+  - You should have received a copy of the GNU General Public License
+  - along with Tuleap. If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+
+<template functional>
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="534"
+        height="170"
+        fill="none"
+        class="tlp-illustration"
+        aria-hidden="true"
+        role="img"
+    >
+        <path
+            stroke-linejoin="round"
+            stroke-linecap="round"
+            stroke-width="3"
+            stroke="var(--tlp-illustration-tertiary-color)"
+            d="M524 145h8m-17 0h4m-21-5h13m6.302 0h4M104 168h37m6 0h4m-57 0h4m32-5h21m6 0h3M23 140h10m5 0h4m-30 5h14.302M2 145h4"
+        />
+        <g
+            opacity=".2"
+            stroke-linecap="round"
+            stroke-width="2.452"
+            stroke="var(--tlp-illustration-primary-color)"
+        >
+            <path d="M134.722 87.624c-5.353-4.33-10.778-4.09-16.274.718s-7.266 6.947-5.307 6.416" />
+            <path
+                d="M135.322 74.541c-7.535-4.3-29.568.17-24.922 17.51 4.646 17.339 29.011 12.896 33.998.272"
+            />
+            <path
+                d="M129.024 98.7c7.861-2.476 13.513-4.16 9.881-14.027-3.633-9.868-9.354-7.79-17.615-5.553-5.506 1.492-8.346 5.507-8.518 12.045"
+            />
+            <path
+                d="M130.417 103.405c12.149-3.8 17.621-9.644 13.943-20.68-3.679-11.035-9.313-15.103-22.071-11.648-8.506 2.303-11.98 8.572-10.422 18.805"
+            />
+            <path
+                d="M122.084 83.737c-.644-.776-2.65-.707-6.02.209-3.37.915-5.195 3.802-5.477 8.66m16.13-4.553c.045 4.428-1.836 7.158-5.643 8.191-3.806 1.033-6.942.033-9.407-3l15.05-5.192z"
+            />
+            <path
+                d="M135.141 74.128l2.817 2.842m-3.571 14.379c-1.038 3.986-4.203 6.7-9.493 8.139-5.291 1.439-9.782-.44-13.472-5.64l22.965-2.5zm-3.566-18.567l4.239-3.544-4.239 3.544zM118.595 70.383l-2.894 6.461 7.107-1.614M143.505 85.559l-5.791-4.073.229 7.284M138.625 94.147c.238 1.58-.067 2.75-.914 3.513-1.271 1.144 3.511.807 6.198-2.575m-32.221-19.716l-1.928 7.97 1.928-7.97zm6.747 3.385l3.39 1.147-3.39-1.147zm11.755 1.887l-6.787 3.768 6.787-3.768zm-14.035 8.574c.774.135 1.935-.005 3.484-.42l-3.484.42zm14.064 2.094l-4.058.458 4.058-.458zm-8.543-.587l-1.546 4.983 1.546-4.983zm10.404 7.702l-4.428 4.739c3.272 2.462 6.147 3.003 8.626 1.623l-4.198-6.362zM111.154 96.218c-.555 3.951-.199 6.173 1.068 6.665"
+            />
+        </g>
+        <rect
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            fill="var(--tlp-illustration-secondary-light-color)"
+            rx="3"
+            height="121"
+            width="165"
+            y="2"
+            x="185"
+        />
+        <path
+            fill="#fff"
+            d="M342.808 9.192H186.269V7.27c0-2.209 1.734-4 3.944-4h154.093c2.485 0 4.425 2.015 4.425 4.5v109.116a4 4 0 01-4 4h-1.923V9.192z"
+            clip-rule="evenodd"
+            fill-rule="evenodd"
+            opacity=".6"
+        />
+        <path
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M185 20.346h165M241.5 2.846V123M296.5 2.846V123"
+        />
+        <path
+            stroke-linecap="round"
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M362.577 112.901c-10.786-8.724-21.717-8.241-32.791 1.447-11.075 9.688-14.64 13.997-10.694 12.928"
+        />
+        <path
+            stroke-linecap="round"
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M367.117 87.572c-15.181-8.666-59.576.342-50.215 35.279 9.361 34.937 54.103 25.3 64.151-.137"
+        />
+        <path
+            stroke-linecap="round"
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M349.276 114.997c.09 8.922-3.7 14.423-11.37 16.505-7.67 2.081-13.989.066-18.956-6.044m44.194-20.51c-6.35-10.156-15.577-13.596-27.68-10.32s-18.492 11.545-19.167 24.806l46.847-14.486z"
+        />
+        <path
+            stroke-linecap="round"
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M357.666 85.053l5.675 5.726M339.939 106.3c-1.296-1.563-5.339-1.423-12.129.422-6.79 1.844-10.468 7.66-11.035 17.45l23.164-17.872zm24.792 15.338c-2.092 8.033-8.469 13.499-19.13 16.399-10.66 2.901-19.708-.887-27.143-11.361l46.273-5.038zm-7.187-37.41l9.918-1.623-9.918 1.622zM345.832 80.517l-6.768 5.654 8.838 2.073"
+        />
+        <path
+            stroke-linecap="round"
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M356.446 133.858c4.912-.986 8.61-2.64 11.094-4.961m-40.269-41.043l-3.535 6.124 3.535-6.124zm-10.222 9.369l-.194 7.004.194-7.004zm15.539-.962l6.831 2.31-6.831-2.31zm14.535-3.439l6.761-1.812-6.761 1.812zm2.226 10.627l-6.692 5.934 6.692-5.934zm-24.982 6.932l-7.727 2.07 7.727-2.07zm3.626 6.958c1.56.272 3.9-.01 7.021-.846l-7.021.846zm21.089 1.974l-5.158-3.794 5.158 3.794zm10.706 19.216l-6.194 6.451c4.514 3.293 8.498 3.994 11.952 2.104l-5.758-8.555zm13.48-11.253c.48 3.182-.134 5.541-1.841 7.078-2.561 2.305 7.074 1.626 12.488-5.188l-10.647-1.89zm-40.456 17.389l5.763 4.119-5.763-4.119zm-11.923-11.01c2.081 7.766 4.49 11.607 7.229 11.522l-7.229-11.522zM358.878 118.305c-1.349-8.143.447-12.231 5.39-12.264 4.942-.032 9.333 1.297 13.173 3.987"
+        />
+        <path
+            stroke-linecap="round"
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M327.545 104.914c6.329-12.806 40.531-26.994 50.152.947 9.621 27.941-40.697 36.343-47.442 16.343"
+        />
+        <path
+            stroke-linecap="round"
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M338.105 119.434c7.237 5.781 15.035 7.243 23.395 4.385 8.36-2.857 13.421-7.672 15.183-14.443m-38.752 4.886c-.198-9.38 4.554-15.728 14.258-19.043 9.703-3.314 17.738-.856 24.104 7.374l-38.362 11.669z"
+        />
+        <path
+            stroke-linecap="round"
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M332.457 100.206l-.819 6.31m22.233-.974c.176-1.65 3.025-3.416 8.549-5.297 5.523-1.881 10.727.346 15.611 6.681l-24.16-1.384zm-10.268 21.985c5.112 4.525 11.957 5.329 20.533 2.412 8.576-2.916 12.982-9.658 13.22-20.225l-33.753 17.813zm-11.826-28.648l-7.43 3.764 7.43-3.764zM338.386 90.96l7.72.696-5.493 5.77"
+        />
+        <path
+            stroke-linecap="round"
+            stroke-width="3"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M336.078 117.652l6.628 1.623c-1.357 4.138-3.513 6.322-6.469 6.553m17.92-38.31l4.457 2.083-4.457-2.083zm11.149 1.495l3.355 4.917-3.355-4.917zm-10.758 6.335l-3.344 4.768 3.344-4.768zm-11.466 5.018l-5.571 1.919 5.571-1.919zm3.278 6.993l7.8.931-7.8-.931zm19.806-6.391l6.686-2.302-6.686 2.302zm6.098 6.956c-.849 2.506-2.996 4.352-6.441 5.538l6.441-5.538zm-19.193 5.363l1.116-4.001-1.116 4.001zm12.514 3.762c-1.021 2.228-3.035 3.306-6.04 3.233-3.006-.072-4.513-.553-4.521-1.444l10.561-1.789zM343.884 134.548c2.178 1.681 4.186 2.211 6.024 1.591 2.756-.93-1.658 5.904-8.934 7.061M331.396 125.81c-2.414 1.215-4.678 1.223-6.791.023m52.075 2.125l-1.655 4.966 1.655-4.966zm1.888-12.945c2.065 5.999 2.436 9.489 1.111 10.468l-1.111-10.468z"
+        />
+        <path
+            stroke-linejoin="round"
+            stroke-linecap="round"
+            stroke-width="2"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M338.821 76.841c-9.202 2.193-17.597 7.39-23.658 14.977m-3.381 4.896a43.412 43.412 0 00-2.611 5.166l2.611-5.166zM364.999 155.488c8.107-2.751 9.737-4.944 13.508-8.51m4.43-4.321a23.408 23.408 0 001.789-2.752l-1.789 2.752zM355.949 155.203c6.03-1.404 6.379-1.904 11.409-4.198"
+            opacity=".3"
+        />
+        <path
+            stroke-linecap="round"
+            stroke-width="2"
+            stroke="var(--tlp-illustration-primary-color)"
+            d="M203.776 99.175c6.738 7.819 15.81-4.833 9.72-5.507-6.091-.675-4.08 13.596 8.043 10.613M254.261 115.63c9.802 6.732 16-5.11 10-5.11s0 10 8 7.825 10.5-9.825 5.5-10.325-2.5 10.325 4 10.325c4.333 0 7.166-.845 8.5-2.536M228.862 134.525c8.824 5.319 11.614-9.154 6.146-7.995-5.469 1.159 1.846 13.888 11.034 7.544"
+            opacity=".3"
+        />
+    </svg>
+</template>
+<script lang="ts">
+import Vue from "vue";
+import { Component } from "vue-property-decorator";
+
+@Component
+export default class NoContentEmptyStateIllustration extends Vue {}
+</script>
diff --git a/plugins/taskboard/scripts/taskboard/src/components/EmptyState/__snapshots__/NoContentEmptyState.test.ts.snap b/plugins/taskboard/scripts/taskboard/src/components/EmptyState/__snapshots__/NoContentEmptyState.test.ts.snap
index f3494cb4282..ae58f431319 100644
--- a/plugins/taskboard/scripts/taskboard/src/components/EmptyState/__snapshots__/NoContentEmptyState.test.ts.snap
+++ b/plugins/taskboard/scripts/taskboard/src/components/EmptyState/__snapshots__/NoContentEmptyState.test.ts.snap
@@ -7,23 +7,14 @@ exports[`NoContentEmptyState displays a cell that span on the whole table 1`] =
   <div
     class="empty-page-illustration"
   >
-    <svg
-      fill="none"
-      height="170"
-      width="534"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        class="tlp-illustration"
-        href="../../images/illustrations.svg#no-content-empty-state"
-      />
-    </svg>
+    <!---->
   </div>
    
-  <p
+  <translate-stub
     class="empty-page-text"
+    tag="p"
   >
     This taskboard is empty
-  </p>
+  </translate-stub>
 </div>
 `;
diff --git a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForAdmin.vue b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForAdmin.vue
index 3bf644e39d8..57abfb369fe 100644
--- a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForAdmin.vue
+++ b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForAdmin.vue
@@ -20,12 +20,7 @@
 <template>
     <div class="empty-page">
         <div class="empty-page-illustration">
-            <svg xmlns="http://www.w3.org/2000/svg" width="364" height="150" fill="none">
-                <use
-                    href="../../images/illustrations.svg#board-without-any-columns-for-admin"
-                    class="tlp-illustration"
-                />
-            </svg>
+            <board-without-any-columns-error-for-admin-illustration />
         </div>
         <div class="empty-page-text-with-small-text">
             <translate>This taskboard is not properly configured</translate>
@@ -43,8 +38,16 @@
 import Vue from "vue";
 import { Component } from "vue-property-decorator";
 import { State } from "vuex-class";
-
-@Component
+@Component({
+    components: {
+        "board-without-any-columns-error-for-admin-illustration": (): Promise<
+            Record<string, unknown>
+        > =>
+            import(
+                /* webpackChunkName: "taskboard-board-without-any-columns-error-for-admin-illustration" */ "./BoardWithoutAnyColumnsErrorForAdminIllustration.vue"
+            ),
+    },
+})
 export default class BoardWithoutAnyColumnsErrorForAdmin extends Vue {
     @State
     readonly admin_url!: string;
diff --git a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForAdminIllustration.vue b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForAdminIllustration.vue
new file mode 100644
index 00000000000..4d9e5f215bd
--- /dev/null
+++ b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForAdminIllustration.vue
@@ -0,0 +1,108 @@
+<!--
+  - Copyright (c) Enalean, 2019 - present. All Rights Reserved.
+  -
+  - This file is a part of Tuleap.
+  -
+  - Tuleap is free software; you can redistribute it and/or modify
+  - it under the terms of the GNU General Public License as published by
+  - the Free Software Foundation; either version 2 of the License, or
+  - (at your option) any later version.
+  -
+  - Tuleap is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  - GNU General Public License for more details.
+  -
+  - You should have received a copy of the GNU General Public License
+  - along with Tuleap. If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+<template functional>
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="364"
+        height="150"
+        fill="none"
+        class="tlp-illustration"
+        aria-hidden="true"
+        role="img"
+    >
+        <path
+            d="M354 125h8m-17 0h4m-21-5h13m6.302 0h4M104 148h37m6 0h4m-57 0h4m32-5h21m6 0h3M23 120h10m5 0h4m-30 5h14.302M2 125h4"
+            stroke="var(--tlp-illustration-tertiary-color)"
+            stroke-width="3"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+        />
+        <rect
+            x="95"
+            y="2"
+            width="165"
+            height="121"
+            rx="3"
+            fill="var(--tlp-illustration-secondary-light-color)"
+            stroke="var(--tlp-illustration-primary-color)"
+            stroke-width="3"
+        />
+        <path
+            opacity=".6"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M252.808 9.192H96.269V7.27c0-2.209 1.735-4 3.944-4h154.093c2.485 0 4.425 2.015 4.425 4.5v109.116a4 4 0 01-4 4h-1.923V9.192z"
+            fill="#fff"
+        />
+        <path
+            stroke="var(--tlp-illustration-primary-color)"
+            stroke-width="3"
+            d="M95 20.346h165M151.5 2.846V123M206.5 2.846V123"
+        />
+        <path
+            d="M219 95l-3.736-.415a1 1 0 00-1.043.631l-2.748 7.068a2 2 0 00.45 2.139L215.5 108v3l-3.328 2.589a1.998 1.998 0 00-.639 2.296L213.5 121M228 84.5l-2.947 1.684a1.001 1.001 0 00-.5.951L225 92.5M236.5 97.505c3.104-.214 10.009.9 12.803 7.07 2.793 6.17.776 12.854-.582 15.425"
+            stroke="var(--tlp-illustration-secondary-dark-color)"
+            stroke-width="3"
+        />
+        <path
+            d="M265.108 95.062l-.001-.001a.369.369 0 00-.334-.18l-6.21.262-.714-.803a22.918 22.918 0 00-1.624-1.651l-.787-.723.063-1.063.307-5.09a.369.369 0 00-.176-.335 28.614 28.614 0 00-7.952-3.353.369.369 0 00-.365.109l-4.196 4.535-1.069-.06a22.997 22.997 0 00-2.325-.013l-1.078.048-.715-.802-3.41-3.819a.372.372 0 00-.362-.113c-3.126.732-5.247 1.584-8.011 3.216a.367.367 0 00-.182.332l.262 6.172-.808.709a22.734 22.734 0 00-1.663 1.613l-.727.782-1.069-.063-5.124-.303a.37.37 0 00-.336.174 28.254 28.254 0 00-3.376 7.9.37.37 0 00.108.363l4.569 4.172-.062 1.063a22.478 22.478 0 00-.014 2.31l.047 1.069-.806.71-3.844 3.391a.366.366 0 00-.114.358c.38 1.593.787 2.894 1.283 4.115.496 1.219 1.114 2.437 1.954 3.846a.37.37 0 00.335.18l6.209-.262.714.803c.515.58 1.059 1.132 1.627 1.655l.785.722-.064 1.062-.306 5.089a.366.366 0 00.175.333 28.612 28.612 0 007.953 3.354.365.365 0 00.364-.108l4.196-4.536 1.069.061c.765.043 1.541.047 2.325.012l1.078-.048.716.802 3.41 3.819a.37.37 0 00.362.113c1.567-.366 2.92-.783 4.141-1.274 1.222-.49 2.487-1.124 3.87-1.942a.367.367 0 00.181-.332l-.262-6.171.808-.71a22.5 22.5 0 001.664-1.613l.727-.782 1.069.063 5.124.304a.367.367 0 00.334-.174 28.254 28.254 0 003.377-7.903.37.37 0 00-.108-.361l-4.567-4.169.061-1.063c.044-.76.048-1.533.013-2.311l-.048-1.07.807-.711 3.844-3.389a.362.362 0 00.114-.359c-.38-1.593-.787-2.896-1.283-4.115-.496-1.221-1.114-2.44-1.953-3.846zM269 92.77s0 0 0 0h-.001.001zm-23.64 28.247c-6.402 2.57-13.688-.504-16.275-6.865-2.586-6.361.507-13.601 6.908-16.171 6.402-2.57 13.688.503 16.275 6.864 2.586 6.361-.507 13.602-6.908 16.172z"
+            fill="#C1C1C1"
+            stroke="#8A8A8A"
+            stroke-width="2.5"
+        />
+        <path
+            opacity=".5"
+            d="M233 83.5l.5 1 3.85 4.812a.499.499 0 00.39.188h6.053c.133 0 .26-.053.353-.146L248.5 85l4.5 2v5.793c0 .132.053.26.146.353l4.208 4.208c.093.093.22.146.353.146h5.793l2 5-4.332 3.851a.5.5 0 00-.168.374v6.05a.5.5 0 00.168.374L265.5 117l-2 5-5.785-.482a.496.496 0 00-.376.127l-4.673 4.206a.499.499 0 00-.166.372v5.277l.5 2"
+            stroke="#fff"
+            stroke-width="2.5"
+        />
+        <path
+            d="M303.833 98.08h0a.265.265 0 00-.263-.064l-4.255 1.266-.634-.427a16.17 16.17 0 00-1.412-.852l-.67-.358-.14-.742-.673-3.554a.261.261 0 00-.18-.199 20.512 20.512 0 00-6.089-.913.265.265 0 00-.234.138l-2.118 3.852-.751.146a16.56 16.56 0 00-1.612.398l-.738.222-.635-.426-3.025-2.03a.266.266 0 00-.27-.014c-2.038 1.05-3.358 2.007-4.989 3.613a.258.258 0 00-.068.26l1.253 4.197-.436.629c-.318.458-.609.926-.871 1.4l-.368.665-.751.144-3.601.688a.265.265 0 00-.203.179 19.973 19.973 0 00-.965 6.021.258.258 0 00.137.231l3.889 2.068.142.743c.1.525.231 1.057.391 1.59l.218.727-.434.629-2.073 3.003a.258.258 0 00-.017.266c.54 1.029 1.047 1.853 1.603 2.605.555.751 1.195 1.481 2.022 2.302a.263.263 0 00.262.065l4.255-1.266.634.427c.458.308.93.593 1.415.853l.669.359.14.741.672 3.552c.017.094.086.17.179.199 1.973.609 4.021.917 6.09.914a.266.266 0 00.234-.138l2.117-3.853.751-.145a16.545 16.545 0 001.612-.398l.738-.222.635.426 3.025 2.029c.08.053.184.059.271.014a20.348 20.348 0 002.646-1.6 20.26 20.26 0 002.343-2.013.26.26 0 00.068-.259l-1.254-4.197.437-.629c.318-.458.609-.926.871-1.401l.368-.665.752-.143 3.601-.688a.264.264 0 00.201-.178c.63-1.954.955-3.981.965-6.024a.257.257 0 00-.137-.229l-3.887-2.067-.142-.742a16.111 16.111 0 00-.392-1.591l-.219-.727.435-.63 2.073-3.003a.257.257 0 00.017-.267c-.54-1.028-1.049-1.852-1.604-2.604-.556-.753-1.195-1.482-2.021-2.302zm2.298-2.256s0 0 0 0h-.001.001zm-11.465 23.556c-3.987 2.887-9.566 2.049-12.463-1.871-2.896-3.921-2.012-9.44 1.975-12.327 3.987-2.887 9.567-2.049 12.463 1.872 2.896 3.92 2.012 9.439-1.975 12.326z"
+            fill="#C1C1C1"
+            stroke="#8A8A8A"
+            stroke-width="2.5"
+        />
+        <path
+            opacity=".5"
+            d="M279.482 96.405L280 97l3.8 2.375a.5.5 0 00.423.05l4.099-1.366a.498.498 0 00.273-.22l1.905-3.24L294 95l.468 3.748a.5.5 0 00.254.375l4.102 2.279a.5.5 0 00.371.047l3.592-.949L305 103l-2.115 3.353a.494.494 0 00-.072.337l.651 4.56a.504.504 0 00.259.37l3.506 1.88-.229 3-3.966.471a.5.5 0 00-.373.244l-2.281 3.906a.499.499 0 00-.053.374l.898 3.555.69 1.277"
+            stroke="#fff"
+            stroke-width="2"
+        />
+        <path
+            d="M279.714 69.58h0a.174.174 0 00-.177-.013l-2.605 1.289-.456-.206c-.329-.148-.665-.28-1.005-.392l-.472-.158-.173-.463-.827-2.218a.17.17 0 00-.138-.108 13.435 13.435 0 00-4.03.085.173.173 0 00-.135.115l-.94 2.72-.468.177a10.79 10.79 0 00-.996.435l-.451.225-.457-.204-2.176-.974a.174.174 0 00-.176.02c-1.198.904-1.944 1.667-2.819 2.884a.17.17 0 00-.015.175l1.274 2.568-.212.455c-.155.33-.291.664-.407 1l-.163.469-.469.176-2.247.843a.174.174 0 00-.111.137 13.063 13.063 0 00.044 3.992.171.171 0 00.115.133l2.737.904.174.463c.123.328.266.656.428.983l.222.444-.211.454-1.005 2.167a.17.17 0 00.019.174c.462.604.881 1.079 1.323 1.502.441.424.934.823 1.559 1.262a.172.172 0 00.176.013l2.605-1.289.456.206c.329.148.666.28 1.007.393l.472.158.172.462.827 2.218c.021.058.074.1.137.108a13.43 13.43 0 004.03-.085.173.173 0 00.136-.115l.939-2.72.468-.177c.335-.126.668-.272.996-.435l.452-.225.457.204 2.176.974a.174.174 0 00.176-.02c.601-.453 1.1-.886 1.53-1.326.43-.44.851-.948 1.288-1.558a.17.17 0 00.015-.175l-1.274-2.568.213-.455c.154-.33.29-.664.407-1l.163-.469.469-.176 2.247-.843a.172.172 0 00.11-.137c.19-1.33.175-2.673-.044-3.993a.17.17 0 00-.114-.132l-2.737-.903-.173-.463c-.125-.33-.268-.66-.43-.983l-.222-.445.211-.454 1.006-2.167a.169.169 0 00-.02-.174 12.909 12.909 0 00-1.322-1.502 12.978 12.978 0 00-1.559-1.261zm1.232-1.71s0 0 0 0h0s0 0 0 0zm-4.787 16.466c-2.252 2.304-5.944 2.381-8.247.173-2.302-2.209-2.343-5.867-.091-8.17 2.252-2.305 5.944-2.382 8.247-.174 2.302 2.209 2.343 5.867.091 8.17z"
+            fill="#C1C1C1"
+            stroke="#8A8A8A"
+            stroke-width="2.2"
+        />
+        <path
+            opacity=".54"
+            d="M263.931 71.516l.381.316 2.295 1.203a.5.5 0 00.435.014l3.23-1.433a.497.497 0 00.284-.343l.444-1.906h1.605l.998 2.25a.501.501 0 00.269.26l2.902 1.178a.5.5 0 00.438-.03l2.12-1.224 1.079 1.023-1.012 2.838a.5.5 0 00.014.37l.998 2.25c.057.13.168.23.303.274l2.317.75V81l-1.811.44a.5.5 0 00-.345.296l-1.372 3.343a.5.5 0 00.005.393l.903 2.036.561.722"
+            stroke="#fff"
+            stroke-width="1.4"
+        />
+    </svg>
+</template>
+<script lang="ts">
+import Vue from "vue";
+import { Component } from "vue-property-decorator";
+
+@Component
+export default class BoardWithoutAnyColumnsErrorForAdminIllustration extends Vue {}
+</script>
diff --git a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForUsers.vue b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForUsers.vue
index 95933388650..60790f245a0 100644
--- a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForUsers.vue
+++ b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForUsers.vue
@@ -17,15 +17,10 @@
   - along with Tuleap. If not, see <http://www.gnu.org/licenses/>.
   -
   -->
-<template functional>
+<template>
     <div class="empty-page">
         <div class="empty-page-illustration">
-            <svg xmlns="http://www.w3.org/2000/svg" width="364" height="189" fill="none">
-                <use
-                    href="../../images/illustrations.svg#board-without-any-columns-for-user"
-                    class="tlp-illustration"
-                />
-            </svg>
+            <board-without-any-columns-error-for-users-illustration />
         </div>
         <div class="empty-page-text-with-small-text">
             <translate>This taskboard is not ready to be used</translate>
@@ -40,7 +35,15 @@
 <script lang="ts">
 import Vue from "vue";
 import { Component } from "vue-property-decorator";
-
-@Component
+@Component({
+    components: {
+        "board-without-any-columns-error-for-users-illustration": (): Promise<
+            Record<string, unknown>
+        > =>
+            import(
+                /* webpackChunkName: "taskboard-board-without-any-columns-error-for-users-illustration" */ "./BoardWithoutAnyColumnsErrorForUsersIllustration.vue"
+            ),
+    },
+})
 export default class BoardWithoutAnyColumnsErrorForUsers extends Vue {}
 </script>
diff --git a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForUsersIllustration.vue b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForUsersIllustration.vue
new file mode 100644
index 00000000000..fc0d6666d98
--- /dev/null
+++ b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/BoardWithoutAnyColumnsErrorForUsersIllustration.vue
@@ -0,0 +1,199 @@
+<!--
+  - Copyright (c) Enalean, 2019 - present. All Rights Reserved.
+  -
+  - This file is a part of Tuleap.
+  -
+  - Tuleap is free software; you can redistribute it and/or modify
+  - it under the terms of the GNU General Public License as published by
+  - the Free Software Foundation; either version 2 of the License, or
+  - (at your option) any later version.
+  -
+  - Tuleap is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  - GNU General Public License for more details.
+  -
+  - You should have received a copy of the GNU General Public License
+  - along with Tuleap. If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+<template functional>
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="364"
+        height="189"
+        fill="none"
+        class="tlp-illustration"
+        aria-hidden="true"
+        role="img"
+    >
+        <path
+            d="M354 163.019h8m-17 0h4m-21-5h13m6.302 0h4m-247.302 28h37m6 0h4m-57 0h4m32-5h21m6 0h3m-137-23h10m5 0h4m-30 5h14.302m-24.302 0h4"
+            stroke="var(--tlp-illustration-tertiary-color)"
+            stroke-width="3"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+        />
+        <g opacity=".7">
+            <path
+                d="M99.879 134.576a.71.71 0 01.693-.557h.795a.71.71 0 01.694.557l2.078 9.432a1.42 1.42 0 01-1.386 1.726h-3.566a1.42 1.42 0 01-1.387-1.726l2.079-9.432z"
+                fill="#FCEFD8"
+                stroke="#FFC96A"
+                stroke-width="1.065"
+            />
+            <path
+                d="M96 144.314c0-.196.159-.355.355-.355h9.229c.196 0 .355.159.355.355v1.065a.355.355 0 01-.355.355h-9.229a.355.355 0 01-.355-.355v-1.065z"
+                fill="#FFC96A"
+                stroke="#FFC96A"
+                stroke-width="1.065"
+            />
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M99.639 136.859h2.662l.444 1.775h-3.55l.444-1.775zM98.899 140.054h4.141l.415 1.775h-4.97l.414-1.775z"
+                fill="#FFC96A"
+            />
+        </g>
+        <rect
+            x="111"
+            y="74.019"
+            width="110.455"
+            height="81"
+            rx="3"
+            fill="var(--tlp-illustration-secondary-light-color)"
+            stroke="var(--tlp-illustration-primary-color)"
+            stroke-width="3"
+        />
+        <path
+            opacity=".6"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M216.718 79.534H112.5v-2.967c0-.508.364-.92.872-.92h105.263c.779 0 1.365.632 1.365 1.41v72.486a3.281 3.281 0 01-3.282 3.282v-73.29z"
+            fill="#fff"
+        />
+        <path
+            stroke="var(--tlp-illustration-primary-color)"
+            stroke-width="3"
+            d="M111 85.805h110.455M149.318 74.586v80.433M186.136 74.586v80.433"
+        />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M120 153.5l8-16.5 3.357.639L123.5 153.5H120z"
+            fill="var(--tlp-illustration-secondary-dark-color)"
+        />
+        <path
+            d="M238.673 85.048l-13.245 91.302a2.573 2.573 0 00-.01.087c-.07.826.257 4.512 1.082 4.582l3.194.273c.792.067 1.785-3.456 1.898-4.243l12.995-91.183-5.914-.818z"
+            fill="#E5E5E5"
+            stroke="#DBDBDB"
+            stroke-width="3"
+        />
+        <path
+            opacity=".065"
+            d="M236.566 88.057l8.494.673-.316 3.485c-2.038.564-3.512.781-4.42.653-.908-.13-2.251-.737-4.029-1.824l.271-2.987z"
+            fill="#000"
+        />
+        <rect
+            x="206.181"
+            y="43.897"
+            width="59.261"
+            height="59.261"
+            rx="4"
+            transform="rotate(-36.127 206.181 43.897)"
+            fill="#FFF8D3"
+            stroke="#FFD600"
+            stroke-width="3"
+        />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M282.375 55.441l-31.606-42.445 1.827-.685a2 2 0 012.314.688l29.882 40.666c1.937 2.542 1.354 3.495-.749 4.894l-40.717 29.89a2 2 0 01-2.796-.428l-.592-.806 42.33-31.075a.5.5 0 00.107-.699z"
+            fill="#fff"
+        />
+        <path
+            d="M249.792 31.477l1.726.27a3.339 3.339 0 012.739 4.047l-4.222 18.368a2.873 2.873 0 01-5.662-.884l1.577-18.78a3.339 3.339 0 013.842-3.02zm-4.34 28.05l1.65.258a3.339 3.339 0 012.784 3.815l-.257 1.65a3.34 3.34 0 01-3.815 2.783l-1.649-.257a3.34 3.34 0 01-2.785-3.814l.258-1.65a3.339 3.339 0 013.814-2.784z"
+            fill="#FFD600"
+        />
+        <path
+            d="M216.342 148.589a2 2 0 011.954-1.57h3.409a2 2 0 011.953 1.57l7.414 33.641a4 4 0 01-3.907 4.861h-14.33a4 4 0 01-3.907-4.861l7.414-33.641z"
+            fill="#FCEFD8"
+            stroke="#FFC96A"
+            stroke-width="3"
+        />
+        <path
+            opacity=".6"
+            d="M218 150h2.591a.5.5 0 01.49.4L227 179.5"
+            stroke="#fff"
+            stroke-width="3"
+        />
+        <path
+            opacity=".08"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M232 180.019l-5-24 .979-5.705 5.521 24.705-1.5 5z"
+            fill="#000"
+        />
+        <path
+            d="M203 182.019a1 1 0 011-1h32a1 1 0 011 1v4.072a1 1 0 01-1 1h-32a1 1 0 01-1-1v-4.072z"
+            fill="#FFC96A"
+            stroke="#FFC96A"
+            stroke-width="3"
+        />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M215.447 156.734h9.107l1.518 6.071h-12.143l1.518-6.071zM212.917 167.662h14.166l1.417 6.072h-17l1.417-6.072z"
+            fill="#FFC96A"
+        />
+        <path
+            d="M106.609 140.256a1.576 1.576 0 011.539-1.237h1.765c.739 0 1.38.515 1.539 1.237l4.613 20.933a3.151 3.151 0 01-3.078 3.83h-7.914a3.15 3.15 0 01-3.077-3.829l4.613-20.934z"
+            fill="#FCEFD8"
+            stroke="#FFC96A"
+            stroke-width="2.364"
+        />
+        <path
+            opacity=".6"
+            d="M107.991 141.5h1.24a.33.33 0 01.324.263l3.92 18.737"
+            stroke="#fff"
+            stroke-width="1.983"
+        />
+        <path
+            d="M98 161.868c0-.435.353-.788.788-.788h20.485c.435 0 .788.353.788.788v2.363a.788.788 0 01-.788.788H98.788a.788.788 0 01-.788-.788v-2.363z"
+            fill="#FFC96A"
+            stroke="#FFC96A"
+            stroke-width="2.364"
+        />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M106.076 145.322h5.909l.985 3.94h-7.879l.985-3.94zM104.434 152.413h9.192l.919 3.94h-11.03l.919-3.94z"
+            fill="#FFC96A"
+        />
+        <path
+            d="M148.885 154.207c.557.394.766 1.123.501 1.752l-.632 1.502a1.454 1.454 0 01-1.603.866l-19.463-3.566a2.909 2.909 0 01-2.157-3.989l2.833-6.734a2.908 2.908 0 014.36-1.248l16.161 11.417z"
+            fill="#FCEFD8"
+            stroke="#FFC96A"
+            stroke-width="2.182"
+        />
+        <path opacity=".6" d="M133 145.5l14 10-.5 1.5" stroke="#fff" stroke-width="1.983" />
+        <path
+            d="M133.577 139.147c.37.156.544.582.388.952l-7.331 17.431a.727.727 0 01-.952.388l-2.012-.846a.727.727 0 01-.388-.952l7.331-17.43a.727.727 0 01.953-.389l2.011.846z"
+            fill="#FFC96A"
+            stroke="#FFC96A"
+            stroke-width="2.182"
+        />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M144.764 151.94l-2.114 5.028-3.705-.572 2.82-6.704 2.999 2.248zM139.319 148.006l-3.29 7.821-3.681-.628 3.948-9.385 3.023 2.192z"
+            fill="#FFC96A"
+        />
+    </svg>
+</template>
+<script lang="ts">
+import Vue from "vue";
+import { Component } from "vue-property-decorator";
+
+@Component
+export default class BoardWithoutAnyColumnsErrorForUsersIllustration extends Vue {}
+</script>
diff --git a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/GlobalAppError.vue b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/GlobalAppError.vue
index 69e7d0e6236..3837eb1acfb 100644
--- a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/GlobalAppError.vue
+++ b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/GlobalAppError.vue
@@ -21,12 +21,7 @@
 <template>
     <div class="empty-page taskboard-error">
         <div class="empty-page-illustration">
-            <svg xmlns="http://www.w3.org/2000/svg" width="360" height="150" fill="none">
-                <use
-                    href="../../images/illustrations.svg#global-error-state"
-                    class="tlp-illustration"
-                />
-            </svg>
+            <global-app-error-illustration />
         </div>
 
         <div class="empty-page-text-with-small-text">
@@ -64,8 +59,14 @@ import { Component } from "vue-property-decorator";
 import { namespace } from "vuex-class";
 
 const error = namespace("error");
-
-@Component
+@Component({
+    components: {
+        "global-app-error-illustration": (): Promise<Record<string, unknown>> =>
+            import(
+                /* webpackChunkName: "taskboard-global-app-error-illustration" */ "./GlobalAppErrorIllustration.vue"
+            ),
+    },
+})
 export default class GlobalAppError extends Vue {
     @error.State
     readonly global_error_message!: string;
diff --git a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/GlobalAppErrorIllustration.vue b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/GlobalAppErrorIllustration.vue
new file mode 100644
index 00000000000..dd4fa3d0ddc
--- /dev/null
+++ b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/GlobalAppErrorIllustration.vue
@@ -0,0 +1,97 @@
+<!--
+  - Copyright (c) Enalean, 2019 - present. All Rights Reserved.
+  -
+  - This file is a part of Tuleap.
+  -
+  - Tuleap is free software; you can redistribute it and/or modify
+  - it under the terms of the GNU General Public License as published by
+  - the Free Software Foundation; either version 2 of the License, or
+  - (at your option) any later version.
+  -
+  - Tuleap is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  - GNU General Public License for more details.
+  -
+  - You should have received a copy of the GNU General Public License
+  - along with Tuleap. If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+
+<template functional>
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="360"
+        height="150"
+        fill="none"
+        class="tlp-illustration"
+        aria-hidden="true"
+        role="img"
+    >
+        <path
+            d="M350 125h8m-17 0h4m-21-5h13m6.302 0h4M102 148h37m6 0h4m-57 0h4m32-5h21m6 0h3M23 120h10m5 0h4m-30 5h14.302M2 125h4"
+            stroke="var(--tlp-illustration-tertiary-color)"
+            stroke-width="3"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+        />
+        <rect
+            x="97"
+            y="2"
+            width="165"
+            height="121"
+            rx="3"
+            fill="var(--tlp-illustration-secondary-light-color)"
+            stroke="var(--tlp-illustration-primary-color)"
+            stroke-width="3"
+        />
+        <path
+            opacity=".6"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M254.808 9.192H98.27V7.27c0-2.209 1.734-4 3.943-4h154.093c2.485 0 4.425 2.015 4.425 4.5v109.116a4 4 0 01-4 4h-1.923V9.192z"
+            fill="#fff"
+        />
+        <path
+            stroke="var(--tlp-illustration-primary-color)"
+            stroke-width="3"
+            d="M97 20.346h165M153.5 2.846V123M208.5 2.846V123"
+        />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M230.302 121.5H224L246.477 93l1.023 6-17.198 22.5z"
+            fill="var(--tlp-illustration-secondary-dark-color)"
+        />
+        <path
+            d="M128.802 31.565l8.304-4.364.381 5.853-7.192 8.82a.452.452 0 00-.101.286l.021 4.712c.002.525.75.621.885.113l.942-3.548 5.049 3.158 1.458 10.2a.45.45 0 00.164.287l3.232 2.584c.416.333.964-.207.636-.628l-2.626-3.368-1.084-10.183a.45.45 0 00-.198-.327l-5.47-3.631 6.228-7.998a.451.451 0 00.094-.294l-.364-9.468a.45.45 0 00-.67-.375l-6.558 3.676 11.158-24.388a.45.45 0 00-.356-.634l-1.882-.224a.45.45 0 00-.468.271l-12.207 28.896a.45.45 0 00.624.574zm2.997-4.42s0 0 0 0h0z"
+            fill="var(--tlp-illustration-primary-color)"
+            stroke="var(--tlp-illustration-primary-color)"
+            stroke-width=".5"
+            stroke-linejoin="round"
+        />
+        <path
+            d="M250.893 94.711a1.5 1.5 0 00-2.551 0l-23.118 37.382a1.5 1.5 0 001.276 2.289h46.235a1.5 1.5 0 001.276-2.289l-23.118-37.382z"
+            fill="#FCEFD8"
+            stroke="#FFC96A"
+            stroke-width="3"
+        />
+        <path
+            d="M249.094 106.797h1.047a2 2 0 011.994 2.142l-.801 11.259a1.722 1.722 0 01-3.433 0l-.802-11.259a2 2 0 011.995-2.142zm.023 17h1a2 2 0 012 2v1a2 2 0 01-2 2h-1a2 2 0 01-2-2v-1a2 2 0 012-2z"
+            fill="#FFC96A"
+        />
+        <path
+            opacity=".526"
+            d="M247.982 98.573l1.645-2.776 22.49 36.776h-3.586l-20.549-34z"
+            fill="#fff"
+        />
+    </svg>
+</template>
+
+<script lang="ts">
+import Vue from "vue";
+import Component from "vue-class-component";
+
+@Component
+export default class GlobalAppErrorIllustration extends Vue {}
+</script>
diff --git a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/BoardWithoutAnyColumnsErrorForAdmin.test.ts.snap b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/BoardWithoutAnyColumnsErrorForAdmin.test.ts.snap
index 27583257c2c..8d227c30642 100644
--- a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/BoardWithoutAnyColumnsErrorForAdmin.test.ts.snap
+++ b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/BoardWithoutAnyColumnsErrorForAdmin.test.ts.snap
@@ -7,17 +7,7 @@ exports[`BoardWithoutAnyColumnsError is displays misconfiguration error for admi
   <div
     class="empty-page-illustration"
   >
-    <svg
-      fill="none"
-      height="150"
-      width="364"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        class="tlp-illustration"
-        href="../../images/illustrations.svg#board-without-any-columns-for-admin"
-      />
-    </svg>
+    <!---->
   </div>
    
   <div
diff --git a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/BoardWithoutAnyColumnsErrorForUsers.test.ts.snap b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/BoardWithoutAnyColumnsErrorForUsers.test.ts.snap
index 61b412fa9fc..f73939b6fc6 100644
--- a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/BoardWithoutAnyColumnsErrorForUsers.test.ts.snap
+++ b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/BoardWithoutAnyColumnsErrorForUsers.test.ts.snap
@@ -7,34 +7,28 @@ exports[`BoardWithoutAnyColumnsError is displays misconfiguration error for regu
   <div
     class="empty-page-illustration"
   >
-    <svg
-      fill="none"
-      height="189"
-      width="364"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        class="tlp-illustration"
-        href="../../images/illustrations.svg#board-without-any-columns-for-user"
-      />
-    </svg>
+    <!---->
   </div>
    
   <div
     class="empty-page-text-with-small-text"
   >
-    <span>
+    <translate-stub
+      tag="span"
+    >
       This taskboard is not ready to be used
-    </span>
+    </translate-stub>
      
     <div
       class="empty-page-small-text"
     >
-      <span>
+      <translate-stub
+        tag="span"
+      >
         
                 Your project administrator needs to finish the planning configuration
             
-      </span>
+      </translate-stub>
     </div>
   </div>
 </div>
diff --git a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/GlobalAppError.test.ts.snap b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/GlobalAppError.test.ts.snap
index 6e3b7c7ac2d..637cef6a93e 100644
--- a/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/GlobalAppError.test.ts.snap
+++ b/plugins/taskboard/scripts/taskboard/src/components/GlobalError/__snapshots__/GlobalAppError.test.ts.snap
@@ -7,17 +7,7 @@ exports[`GlobalAppError warns user that something is wrong with a button to show
   <div
     class="empty-page-illustration"
   >
-    <svg
-      fill="none"
-      height="150"
-      width="360"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <use
-        class="tlp-illustration"
-        href="../../images/illustrations.svg#global-error-state"
-      />
-    </svg>
+    <!---->
   </div>
    
   <div
diff --git a/plugins/taskboard/scripts/taskboard/src/images/illustrations.svg b/plugins/taskboard/scripts/taskboard/src/images/illustrations.svg
deleted file mode 100644
index 1e7ad29b36a..00000000000
--- a/plugins/taskboard/scripts/taskboard/src/images/illustrations.svg
+++ /dev/null
@@ -1,269 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg">
-    <symbol id="global-error-state" viewBox="0 0 360 150">
-        <path d="M350 125H358M341 125H345M324 120H337M343.302 120H347.302M102 148H139M145 148H149M92 148H96M128 143H149M155 143H158M23 120H33M38 120H42M12 125H26.3023M2 125H6" stroke="#D5E8F3" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--tlp-illustration-tertiary-color)"/>
-        <rect x="97" y="2" width="165" height="121" rx="3" fill="#E0F6FF" stroke="#92CEE5" stroke-width="3" style="stroke: var(--tlp-illustration-primary-color); fill: var(--tlp-illustration-secondary-light-color)"/>
-        <path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M254.808 9.19236H98.2695V7.26929C98.2695 5.06015 100.004 3.26929 102.213 3.26929C127.561 3.26929 233.313 3.26929 256.306 3.26929C258.791 3.26929 260.731 5.284 260.731 7.76928V116.885C260.731 119.094 258.94 120.885 256.731 120.885H254.808V9.19236Z" fill="white"/>
-        <line x1="97" y1="20.3462" x2="262" y2="20.3462" stroke="#92CEE5" stroke-width="3" style="stroke: var(--tlp-illustration-primary-color); fill: "/>
-        <line x1="153.5" y1="2.84619" x2="153.5" y2="123" stroke="#92CEE5" stroke-width="3" style="stroke: var(--tlp-illustration-primary-color); fill: "/>
-        <line x1="208.5" y1="2.84619" x2="208.5" y2="123" stroke="#92CEE5" stroke-width="3" style="stroke: var(--tlp-illustration-primary-color); fill: "/>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M230.302 121.5H224L246.477 93L247.5 99L230.302 121.5Z" fill="#C1EDFF" style="fill: var(--tlp-illustration-secondary-dark-color)"/>
-        <path d="M128.802 31.5646L137.106 27.2011L137.487 33.0545L130.295 41.8742C130.229 41.955 130.194 42.0562 130.194 42.1605L130.215 46.8717C130.217 47.3974 130.965 47.4932 131.1 46.9852L132.042 43.4374L137.091 46.5953L138.549 56.7946C138.565 56.908 138.624 57.0109 138.713 57.0824L141.945 59.6661C142.361 59.9993 142.909 59.4588 142.581 59.038L139.955 55.6698L138.871 45.4872C138.857 45.354 138.784 45.2341 138.673 45.16L133.203 41.5288L139.431 33.5309C139.496 33.4472 139.529 33.3431 139.525 33.2371L139.161 23.7688C139.148 23.4328 138.785 23.2291 138.491 23.3935L131.933 27.0701L143.091 2.68233C143.218 2.40499 143.038 2.08443 142.735 2.04828L140.853 1.82364C140.654 1.79988 140.463 1.91067 140.385 2.09535L128.178 30.9912C128.013 31.3804 128.428 31.7612 128.802 31.5646ZM131.799 27.1451C131.799 27.145 131.799 27.145 131.799 27.145L131.799 27.1451Z" fill="#92CEE5" stroke="#92CEE5" stroke-width="0.5" stroke-linejoin="round" style="stroke: var(--tlp-illustration-primary-color); fill: var(--tlp-illustration-primary-color);"/>
-        <path d="M250.893 94.7113C250.771 94.5134 250.604 94.3468 250.406 94.2245C249.702 93.7887 248.777 94.0067 248.342 94.7113L225.224 132.093C225.078 132.33 225 132.603 225 132.882C225 133.71 225.672 134.382 226.5 134.382H272.735C273.014 134.382 273.287 134.304 273.524 134.157C274.228 133.722 274.446 132.797 274.011 132.093L250.893 94.7113Z" fill="#FCEFD8" stroke="#FFC96A" stroke-width="3"/>
-        <path d="M249.094 106.797H250.141C251.245 106.797 252.141 107.692 252.141 108.797C252.141 108.844 252.139 108.891 252.135 108.939L251.334 120.198C251.269 121.099 250.52 121.797 249.617 121.797C248.715 121.797 247.965 121.099 247.901 120.198L247.099 108.939C247.021 107.837 247.85 106.88 248.952 106.802C249 106.798 249.047 106.797 249.094 106.797ZM249.117 123.797H250.117C251.222 123.797 252.117 124.692 252.117 125.797V126.797C252.117 127.901 251.222 128.797 250.117 128.797H249.117C248.013 128.797 247.117 127.901 247.117 126.797V125.797C247.117 124.692 248.013 123.797 249.117 123.797Z" fill="#FFC96A"/>
-        <path opacity="0.526" d="M247.982 98.5725L249.627 95.7965L272.117 132.573H268.531L247.982 98.5725Z" fill="white"/>
-    </symbol>
-
-    <symbol id="no-content-empty-state" viewBox="0 0 534 170">
-        <path stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="#D5E8F3"
-              d="M524 145H532M515 145H519M498 140H511M517.302 140H521.302M104 168H141M147 168H151M94 168H98M130 163H151M157 163H160M23 140H33M38 140H42M12 145H26.3023M2 145H6"
-              style="stroke: var(--tlp-illustration-tertiary-color)"></path>
-        <g opacity="0.2">
-            <path stroke-linecap="round" stroke-width="2.45231" stroke="#92CEE5"
-                  d="M134.722 87.6238C129.369 83.2943 123.944 83.5337 118.448 88.342C112.952 93.1502 111.182 95.2889 113.141 94.7581"
-                  style="stroke: var(--tlp-illustration-primary-color)"></path>
-            <path stroke-linecap="round" stroke-width="2.45231" stroke="#92CEE5"
-                  d="M135.322 74.5414C127.787 70.2407 105.754 74.7112 110.4 92.0506C115.046 109.39 139.411 104.947 144.398 92.3226"
-                  style="stroke: var(--tlp-illustration-primary-color)"></path>
-            <path stroke-linecap="round" stroke-width="2.45231" stroke="#92CEE5"
-                  d="M129.024 98.7006C136.885 96.2238 142.537 94.5407 138.905 84.673C135.272 74.8053 129.551 76.8822 121.29 79.1201C115.784 80.6121 112.944 84.627 112.772 91.1648"
-                  style="stroke: var(--tlp-illustration-primary-color)"></path>
-            <path stroke-linecap="round" stroke-width="2.45231" stroke="#92CEE5"
-                  d="M130.417 103.405C142.566 99.6057 148.038 93.7609 144.36 82.7255C140.681 71.6901 135.047 67.6223 122.289 71.0768C113.783 73.3801 110.309 79.6486 111.867 89.8822"
-                  style="stroke: var(--tlp-illustration-primary-color)"></path>
-            <path stroke-linecap="round" stroke-width="2.45231" stroke="#92CEE5"
-                  d="M122.084 83.7366C121.44 82.9607 119.434 83.0304 116.064 83.9456C112.694 84.8609 110.869 87.7477 110.587 92.6062M126.717 88.0525C126.762 92.4805 124.881 95.211 121.074 96.244C117.268 97.277 114.132 96.2771 111.667 93.2444L126.717 88.0525Z"
-                  style="stroke: var(--tlp-illustration-primary-color)"></path>
-            <path stroke-linecap="round" stroke-width="2.45231" stroke="#92CEE5"
-                  d="M135.141 74.1281L137.958 76.97M134.387 91.3488C133.349 95.3353 130.184 98.0483 124.894 99.4877C119.603 100.927 115.112 99.0475 111.422 93.8489L134.387 91.3488ZM130.821 72.7817L135.06 69.2377L130.821 72.7817Z"
-                  style="stroke: var(--tlp-illustration-primary-color)"></path>
-            <path stroke-linecap="round" stroke-width="2.45231" stroke="#92CEE5"
-                  d="M118.595 70.3831L115.701 76.8444L122.808 75.2303"
-                  style="stroke: var(--tlp-illustration-primary-color)"></path>
-            <path stroke-linecap="round" stroke-width="2.45231" stroke="#92CEE5"
-                  d="M143.505 85.5586L137.714 81.4856L137.943 88.7699"
-                  style="stroke: var(--tlp-illustration-primary-color)"></path>
-            <path stroke-linecap="round" stroke-width="2.45231" stroke="#92CEE5"
-                  d="M138.625 94.1469C138.863 95.7261 138.558 96.8971 137.711 97.6597C136.44 98.8036 141.222 98.467 143.909 95.0848M111.688 75.3685L109.76 83.3383L111.688 75.3685ZM118.435 78.754L121.825 79.9009L118.435 78.754ZM130.19 80.6415L123.403 84.4089L130.19 80.6415ZM116.155 89.2152C116.929 89.3504 118.09 89.2105 119.639 88.7955L116.155 89.2152ZM130.219 91.3086L126.161 91.7674L130.219 91.3086ZM121.676 90.7221L120.13 95.7054L121.676 90.7221ZM132.08 98.4235L127.652 103.163C130.924 105.625 133.799 106.166 136.278 104.786L132.08 98.4235Z"
-                  style="stroke: var(--tlp-illustration-primary-color)"></path>
-            <path stroke-linecap="round" stroke-width="2.45231" stroke="#92CEE5"
-                  d="M111.154 96.2177C110.599 100.169 110.955 102.391 112.222 102.883"
-                  style="stroke: var(--tlp-illustration-primary-color)"></path>
-        </g>
-        <rect stroke-width="3" stroke="#92CEE5" fill="#E0F6FF" rx="3" height="121" width="165" y="2" x="185"
-              style="stroke: var(--tlp-illustration-primary-color); fill: var(--tlp-illustration-secondary-light-color)"></rect>
-        <path fill="white"
-              d="M342.808 9.19236H186.269V7.26929C186.269 5.06015 188.003 3.26929 190.213 3.26929C215.561 3.26929 321.313 3.26929 344.306 3.26929C346.791 3.26929 348.731 5.284 348.731 7.76928V116.885C348.731 119.094 346.94 120.885 344.731 120.885H342.808V9.19236Z"
-              clip-rule="evenodd" fill-rule="evenodd" opacity="0.6"></path>
-        <line stroke-width="3" stroke="#92CEE5" y2="20.3462" x2="350" y1="20.3462" x1="185"
-              style="stroke: var(--tlp-illustration-primary-color)"></line>
-        <line stroke-width="3" stroke="#92CEE5" y2="123" x2="241.5" y1="2.84619" x1="241.5"
-              style="stroke: var(--tlp-illustration-primary-color)"></line>
-        <line stroke-width="3" stroke="#92CEE5" y2="123" x2="296.5" y1="2.84619" x1="296.5"
-              style="stroke: var(--tlp-illustration-primary-color)"></line>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M362.577 112.901C351.791 104.177 340.86 104.66 329.786 114.348C318.711 124.036 315.146 128.345 319.092 127.276"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M367.117 87.5715C351.936 78.9059 307.541 87.9136 316.902 122.851C326.263 157.788 371.005 148.151 381.053 122.714"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M349.276 114.997C349.366 123.919 345.576 129.42 337.906 131.502C330.236 133.583 323.917 131.568 318.95 125.458M363.144 104.948C356.794 94.7915 347.567 91.3515 335.464 94.6276C323.361 97.9039 316.972 106.173 316.297 119.434L363.144 104.948Z"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M357.666 85.0531L363.341 90.7793M339.939 106.3C338.643 104.737 334.6 104.877 327.81 106.722C321.02 108.566 317.342 114.382 316.775 124.172L339.939 106.3ZM364.731 121.638C362.639 129.671 356.262 135.137 345.601 138.037C334.941 140.938 325.893 137.15 318.458 126.676L364.731 121.638ZM357.544 84.2274L367.462 82.6051L357.544 84.2274Z"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M345.832 80.5168L339.064 86.171L347.902 88.2443"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M356.446 133.858C361.358 132.872 365.056 131.218 367.54 128.897M327.271 87.8543L323.736 93.978L327.271 87.8543ZM317.049 97.2229L316.855 104.227L317.049 97.2229ZM332.588 96.2607L339.419 98.5715L332.588 96.2607ZM347.123 92.822L353.884 91.0103L347.123 92.822ZM349.349 103.449L342.657 109.383L349.349 103.449ZM324.367 110.381L316.64 112.451L324.367 110.381ZM327.993 117.339C329.553 117.611 331.893 117.329 335.014 116.493L327.993 117.339ZM349.082 119.313L343.924 115.519L349.082 119.313ZM359.788 138.529L353.594 144.98C358.108 148.273 362.092 148.974 365.546 147.084L359.788 138.529ZM373.268 127.276C373.748 130.458 373.134 132.817 371.427 134.354C368.866 136.659 378.501 135.98 383.915 129.166L373.268 127.276ZM332.812 144.665L338.575 148.784L332.812 144.665ZM320.889 133.655C322.97 141.421 325.379 145.262 328.118 145.177L320.889 133.655Z"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M358.878 118.305C357.529 110.162 359.325 106.074 364.268 106.041C369.21 106.009 373.601 107.338 377.441 110.028"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M327.545 104.914C333.874 92.1076 368.076 77.9204 377.697 105.861C387.318 133.802 337 142.204 330.255 122.204"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M338.105 119.434C345.342 125.215 353.14 126.677 361.5 123.819C369.86 120.962 374.921 116.147 376.683 109.376M337.931 114.262C337.733 104.882 342.485 98.534 352.189 95.2192C361.892 91.9045 369.927 94.3626 376.293 102.593L337.931 114.262Z"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M332.457 100.206L331.638 106.516M353.871 105.542C354.047 103.892 356.896 102.126 362.42 100.245C367.943 98.3639 373.147 100.591 378.031 106.926L353.871 105.542ZM343.603 127.527C348.715 132.052 355.56 132.856 364.136 129.939C372.712 127.023 377.118 120.281 377.356 109.714L343.603 127.527ZM331.777 98.8795L324.347 102.643L331.777 98.8795Z"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M338.386 90.9591L346.106 91.6559L340.613 97.4265"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M336.078 117.652L342.706 119.275C341.349 123.413 339.193 125.597 336.237 125.828M354.157 87.5181L358.614 89.6007L354.157 87.5181ZM365.306 89.0126L368.661 93.9298L365.306 89.0126ZM354.548 95.3479L351.204 100.116L354.548 95.3479ZM343.082 100.366L337.511 102.285L343.082 100.366ZM346.36 107.359L354.16 108.29L346.36 107.359ZM366.166 100.968L372.852 98.6656L366.166 100.968ZM372.264 107.924C371.415 110.43 369.268 112.276 365.823 113.462L372.264 107.924ZM353.071 113.287L354.187 109.286L353.071 113.287ZM365.585 117.049C364.564 119.277 362.55 120.355 359.545 120.282C356.539 120.21 355.032 119.729 355.024 118.838L365.585 117.049Z"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M343.884 134.548C346.062 136.229 348.07 136.759 349.908 136.139C352.664 135.209 348.25 142.043 340.974 143.2"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="3" stroke="#92CEE5"
-              d="M331.396 125.81C328.982 127.025 326.718 127.033 324.605 125.833M376.68 127.958L375.025 132.924L376.68 127.958ZM378.568 115.013C380.633 121.012 381.004 124.502 379.679 125.481L378.568 115.013Z"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="#92CEE5"
-              d="M338.821 76.8413C329.619 79.0336 321.224 84.2312 315.163 91.8175M311.782 96.7143C310.81 98.354 309.937 100.077 309.171 101.88L311.782 96.7143Z"
-              opacity="0.3" style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="#92CEE5"
-              d="M364.999 155.488C373.106 152.737 374.736 150.544 378.507 146.978M382.937 142.657C383.589 141.794 384.187 140.876 384.726 139.905L382.937 142.657Z"
-              opacity="0.3" style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="#92CEE5"
-              d="M355.949 155.203C361.979 153.799 362.328 153.299 367.358 151.005" opacity="0.3"
-              style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="2" stroke="#92CEE5"
-              d="M203.776 99.1753C210.514 106.994 219.586 94.3423 213.496 93.6679C207.405 92.9935 209.416 107.264 221.539 104.281"
-              opacity="0.3" style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="2" stroke="#92CEE5"
-              d="M254.261 115.63C264.063 122.362 270.261 110.52 264.261 110.52C258.261 110.52 264.261 120.52 272.261 118.345C280.261 116.17 282.761 108.52 277.761 108.02C272.761 107.52 275.261 118.345 281.761 118.345C286.094 118.345 288.927 117.5 290.261 115.809"
-              opacity="0.3" style="stroke: var(--tlp-illustration-primary-color)"></path>
-        <path stroke-linecap="round" stroke-width="2" stroke="#92CEE5"
-              d="M228.862 134.525C237.686 139.844 240.476 125.371 235.008 126.53C229.539 127.689 236.854 140.418 246.042 134.074"
-              opacity="0.3" style="stroke: var(--tlp-illustration-primary-color)"></path>
-    </symbol>
-    <symbol id="board-without-any-columns-for-admin" viewBox="0 0 364 150">
-        <path
-            style="stroke: var(--tlp-illustration-tertiary-color)"
-            d="M354 125H362M345 125H349M328 120H341M347.302 120H351.302M104 148H141M147 148H151M94 148H98M130 143H151M157 143H160M23 120H33M38 120H42M12 125H26.3023M2 125H6"
-            stroke="#D5E8F3" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
-        />
-        <rect x="95" y="2" width="165" height="121" rx="3" fill="#E0F6FF" stroke="#92CEE5"
-              style="stroke: var(--tlp-illustration-primary-color); fill: var(--tlp-illustration-secondary-light-color)"
-              stroke-width="3"
-        />
-        <path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd"
-              d="M252.808 9.19236H96.2693V7.26929C96.2693 5.06015 98.0037 3.26929 100.213 3.26929C125.561 3.26929 231.313 3.26929 254.306 3.26929C256.791 3.26929 258.731 5.284 258.731 7.76928V116.885C258.731 119.094 256.94 120.885 254.731 120.885H252.808V9.19236Z"
-              fill="white"
-        />
-        <line x1="95" y1="20.3462" x2="260" y2="20.3462" stroke="#92CEE5"
-              style="stroke: var(--tlp-illustration-primary-color)"
-              stroke-width="3"
-        />
-        <line x1="151.5" y1="2.84619" x2="151.5" y2="123" stroke="#92CEE5"
-              style="stroke: var(--tlp-illustration-primary-color)"
-              stroke-width="3"
-        />
-        <line x1="206.5" y1="2.84619" x2="206.5" y2="123" stroke="#92CEE5"
-              style="stroke: var(--tlp-illustration-primary-color)"
-              stroke-width="3"
-        />
-        <path
-            d="M219 95L215.264 94.5849C214.813 94.5348 214.386 94.7939 214.221 95.2163L211.473 102.284C211.186 103.023 211.362 103.862 211.923 104.423L215.5 108V111L212.172 113.589C211.476 114.13 211.216 115.063 211.533 115.885L213.5 121"
-            stroke="#C1EDFF" style="stroke: var(--tlp-illustration-secondary-dark-color)" stroke-width="3"
-        />
-        <path d="M228 84.5L225.053 86.1838C224.716 86.3767 224.521 86.7477 224.553 87.1351L225 92.5"
-              stroke="#C1EDFF" style="stroke: var(--tlp-illustration-secondary-dark-color)" stroke-width="3"
-        />
-        <path
-            d="M236.5 97.5054C239.604 97.2912 246.509 98.4052 249.303 104.575C252.096 110.745 250.079 117.429 248.721 120"
-            stroke="#C1EDFF" style="stroke: var(--tlp-illustration-secondary-dark-color)" stroke-width="3"
-        />
-        <path
-            d="M265.108 95.0618L265.107 95.0608C265.038 94.9444 264.91 94.8757 264.773 94.8815L258.563 95.1431L257.849 94.3398C257.333 93.7595 256.791 93.2083 256.225 92.6885L255.438 91.9661L255.501 90.9033L255.808 85.8123C255.816 85.6786 255.748 85.549 255.632 85.4779C253.159 83.9618 250.484 82.8338 247.68 82.1251C247.546 82.0913 247.409 82.132 247.315 82.2336L243.119 86.7692L242.05 86.7086C241.285 86.6652 240.509 86.661 239.725 86.6959L238.647 86.744L237.932 85.9422L234.522 82.123C234.432 82.0223 234.293 81.9788 234.16 82.0099C231.034 82.7422 228.913 83.5935 226.149 85.2262C226.031 85.2958 225.961 85.4236 225.967 85.558L226.229 91.7296L225.421 92.4389C224.832 92.955 224.277 93.4939 223.758 94.0518L223.031 94.8341L221.962 94.7709L216.838 94.4682C216.703 94.46 216.575 94.5262 216.502 94.6424C214.981 97.0872 213.845 99.7453 213.126 102.542C213.093 102.674 213.134 102.814 213.234 102.905L217.803 107.077L217.741 108.14C217.697 108.894 217.692 109.666 217.727 110.45L217.774 111.519L216.968 112.229L213.124 115.62C213.023 115.709 212.979 115.847 213.01 115.978C213.39 117.571 213.797 118.872 214.293 120.093C214.789 121.312 215.407 122.53 216.247 123.939C216.316 124.056 216.444 124.124 216.582 124.119L222.791 123.857L223.505 124.66C224.02 125.24 224.564 125.792 225.132 126.315L225.917 127.037L225.853 128.099L225.547 133.188C225.539 133.321 225.606 133.45 225.722 133.521C228.191 135.036 230.866 136.164 233.675 136.875C233.809 136.909 233.946 136.869 234.039 136.767L238.235 132.231L239.304 132.292C240.069 132.335 240.845 132.339 241.629 132.304L242.707 132.256L243.423 133.058L246.833 136.877C246.923 136.978 247.061 137.021 247.195 136.99C248.762 136.624 250.115 136.207 251.336 135.716C252.558 135.226 253.823 134.592 255.206 133.774C255.324 133.704 255.393 133.577 255.387 133.442L255.125 127.271L255.933 126.561C256.522 126.046 257.077 125.507 257.597 124.948L258.324 124.166L259.393 124.229L264.517 124.533C264.651 124.541 264.779 124.475 264.851 124.359C266.377 121.904 267.512 119.246 268.228 116.456C268.261 116.326 268.219 116.186 268.12 116.095L263.553 111.926L263.614 110.863C263.658 110.103 263.662 109.33 263.627 108.552L263.579 107.482L264.386 106.771L268.23 103.382C268.332 103.293 268.376 103.155 268.344 103.023C267.964 101.43 267.557 100.127 267.061 98.9076C266.565 97.6867 265.947 96.4682 265.108 95.0618ZM269 92.77C269 92.7701 269 92.7703 269 92.7705L268.999 92.7695C268.999 92.7696 269 92.7698 269 92.77ZM245.36 121.017C238.958 123.587 231.672 120.513 229.085 114.152C226.499 107.791 229.592 100.551 235.993 97.9808C242.395 95.4108 249.681 98.4841 252.268 104.845C254.854 111.206 251.761 118.447 245.36 121.017Z"
-            fill="#C1C1C1" stroke="#8A8A8A" stroke-width="2.5"
-        />
-        <path opacity="0.5"
-              d="M233 83.5L233.5 84.5L237.35 89.3123C237.445 89.431 237.588 89.5 237.74 89.5H243.793C243.926 89.5 244.053 89.4473 244.146 89.3536L248.5 85L253 87V92.7929C253 92.9255 253.053 93.0527 253.146 93.1464L257.354 97.3536C257.447 97.4473 257.574 97.5 257.707 97.5H263.5L265.5 102.5L261.168 106.351C261.061 106.446 261 106.582 261 106.725V112.775C261 112.918 261.061 113.054 261.168 113.149L265.5 117L263.5 122L257.715 121.518C257.578 121.506 257.442 121.552 257.339 121.645L252.666 125.851C252.56 125.946 252.5 126.081 252.5 126.223V131.5L253 133.5"
-              stroke="white" stroke-width="2.5"
-        />
-        <path
-            d="M303.833 98.0808L303.833 98.0802C303.765 98.0123 303.664 97.9874 303.57 98.0155L299.315 99.2819L298.681 98.8546C298.223 98.5459 297.752 98.2618 297.269 98.0035L296.599 97.6446L296.459 96.9028L295.786 93.3493C295.768 93.2559 295.699 93.1787 295.606 93.1501C293.631 92.5405 291.582 92.2332 289.517 92.2366C289.419 92.2367 289.33 92.2888 289.283 92.375L287.165 96.2274L286.414 96.3728C285.877 96.4768 285.339 96.6097 284.802 96.7709L284.064 96.9925L283.429 96.5666L280.404 94.5376C280.325 94.4841 280.221 94.4784 280.134 94.5231C278.096 95.5737 276.776 96.5299 275.145 98.1362C275.075 98.2047 275.049 98.3047 275.077 98.3961L276.33 102.593L275.894 103.222C275.576 103.68 275.285 104.148 275.023 104.622L274.655 105.287L273.904 105.431L270.303 106.119C270.208 106.137 270.13 106.205 270.1 106.298C269.472 108.245 269.147 110.271 269.135 112.319C269.134 112.416 269.187 112.505 269.272 112.55L273.161 114.618L273.303 115.361C273.403 115.886 273.534 116.418 273.694 116.951L273.912 117.678L273.478 118.307L271.405 121.31C271.35 121.389 271.344 121.492 271.388 121.576C271.928 122.605 272.435 123.429 272.991 124.181C273.546 124.932 274.186 125.662 275.013 126.483C275.081 126.551 275.181 126.576 275.275 126.548L279.53 125.282L280.164 125.709C280.622 126.017 281.094 126.302 281.579 126.562L282.248 126.921L282.388 127.662L283.06 131.214C283.077 131.308 283.146 131.384 283.239 131.413C285.212 132.022 287.26 132.33 289.329 132.327C289.427 132.327 289.515 132.275 289.563 132.189L291.68 128.336L292.431 128.191C292.968 128.087 293.507 127.954 294.043 127.793L294.781 127.571L295.416 127.997L298.441 130.026C298.521 130.079 298.625 130.085 298.712 130.04C299.733 129.514 300.598 128.991 301.358 128.44C302.119 127.889 302.885 127.232 303.701 126.427C303.77 126.359 303.796 126.259 303.769 126.168L302.515 121.971L302.952 121.342C303.27 120.884 303.561 120.416 303.823 119.941L304.191 119.276L304.943 119.133L308.544 118.445C308.638 118.427 308.715 118.359 308.745 118.267C309.375 116.313 309.7 114.286 309.71 112.243C309.711 112.148 309.658 112.059 309.573 112.014L305.686 109.947L305.544 109.205C305.442 108.675 305.311 108.143 305.152 107.614L304.933 106.887L305.368 106.257L307.441 103.254C307.496 103.175 307.503 103.073 307.458 102.987C306.918 101.959 306.409 101.135 305.854 100.383C305.298 99.6304 304.659 98.9009 303.833 98.0808ZM306.131 95.8241C306.131 95.8242 306.131 95.8243 306.131 95.8244L306.13 95.8238C306.13 95.8239 306.13 95.824 306.131 95.8241ZM294.666 119.38C290.679 122.267 285.1 121.429 282.203 117.509C279.307 113.588 280.191 108.069 284.178 105.182C288.165 102.295 293.745 103.133 296.641 107.054C299.537 110.974 298.653 116.493 294.666 119.38Z"
-            fill="#C1C1C1" stroke="#8A8A8A" stroke-width="2.5"
-        />
-        <path opacity="0.5"
-              d="M279.482 96.405L280 97.0001L283.8 99.3753C283.927 99.4543 284.082 99.4728 284.223 99.4256L288.322 98.0594C288.437 98.0211 288.534 97.9427 288.595 97.8385L290.5 94.5991L294 95.0001L294.468 98.7483C294.488 98.9065 294.582 99.0459 294.722 99.1233L298.824 101.402C298.937 101.465 299.07 101.482 299.195 101.449L302.787 100.5L305 103L302.885 106.353C302.821 106.453 302.796 106.573 302.813 106.69L303.464 111.25C303.487 111.407 303.583 111.544 303.723 111.62L307.229 113.5L307 116.5L303.034 116.971C302.878 116.989 302.74 117.08 302.661 117.215L300.38 121.121C300.314 121.234 300.295 121.368 300.327 121.495L301.225 125.05L301.915 126.327"
-              stroke="white" stroke-width="2"
-        />
-        <path
-            d="M279.714 69.5805L279.714 69.5802C279.662 69.544 279.595 69.539 279.537 69.5675L276.932 70.8557L276.476 70.6503C276.147 70.5019 275.811 70.3708 275.471 70.2577L274.999 70.1004L274.826 69.6374L273.999 67.4195C273.977 67.3612 273.924 67.3191 273.861 67.3109C272.519 67.1365 271.163 67.1651 269.831 67.396C269.768 67.4071 269.717 67.4504 269.696 67.5113L268.756 70.2309L268.288 70.4079C267.953 70.5345 267.62 70.6799 267.292 70.8433L266.841 71.068L266.384 70.8635L264.208 69.8897C264.15 69.864 264.083 69.8718 264.032 69.9103C262.834 70.8137 262.088 71.5768 261.213 72.7936C261.176 72.8455 261.17 72.9129 261.198 72.9688L262.472 75.5374L262.26 75.9916C262.105 76.3222 261.969 76.6561 261.853 76.9911L261.69 77.4607L261.221 77.6367L258.974 78.4796C258.915 78.5018 258.872 78.5542 258.863 78.6172C258.673 79.9428 258.688 81.2858 258.907 82.6087C258.918 82.6712 258.962 82.7224 259.022 82.7422L261.759 83.6459L261.933 84.109C262.056 84.4368 262.199 84.7653 262.361 85.0915L262.583 85.5361L262.372 85.9901L261.367 88.1573C261.341 88.2142 261.348 88.2812 261.386 88.3308C261.848 88.9348 262.267 89.4096 262.709 89.8334C263.15 90.2567 263.643 90.6564 264.268 91.0948C264.319 91.1311 264.387 91.136 264.444 91.1075L267.049 89.8193L267.505 90.0246C267.834 90.1728 268.171 90.3041 268.512 90.4183L268.984 90.5759L269.156 91.0383L269.983 93.2555C270.004 93.3137 270.057 93.3557 270.12 93.3638C271.461 93.5384 272.816 93.5098 274.15 93.2789C274.214 93.2679 274.265 93.2248 274.286 93.1637L275.225 90.4441L275.693 90.2671C276.028 90.1405 276.361 89.9951 276.689 89.8317L277.141 89.607L277.598 89.8115L279.774 90.7853C279.831 90.811 279.899 90.8032 279.95 90.7645C280.551 90.312 281.05 89.8786 281.48 89.4391C281.91 88.9994 282.331 88.4907 282.768 87.8814C282.805 87.8295 282.811 87.7624 282.783 87.7063L281.509 85.1377L281.722 84.6835C281.876 84.3531 282.012 84.0191 282.129 83.6835L282.292 83.214L282.761 83.0381L285.008 82.1955C285.067 82.1735 285.109 82.1213 285.118 82.0583C285.308 80.7279 285.293 79.3849 285.074 78.0654C285.064 78.0039 285.019 77.9526 284.96 77.933L282.223 77.03L282.05 76.5674C281.925 76.2366 281.782 75.9077 281.62 75.5844L281.398 75.1393L281.609 74.6847L282.615 72.5184C282.641 72.4612 282.634 72.3946 282.595 72.3443C282.133 71.7407 281.714 71.2651 281.273 70.8417C280.831 70.4179 280.337 70.0181 279.714 69.5805ZM280.946 67.8703C280.946 67.8704 280.946 67.8704 280.946 67.8705L280.946 67.8702C280.946 67.8702 280.946 67.8703 280.946 67.8703ZM276.159 84.3358C273.907 86.6398 270.215 86.7172 267.912 84.5088C265.61 82.3004 265.569 78.6424 267.821 76.3384C270.073 74.0344 273.765 73.957 276.068 76.1654C278.37 78.3738 278.411 82.0318 276.159 84.3358Z"
-            fill="#C1C1C1" stroke="#8A8A8A" stroke-width="2.2"
-        />
-        <path opacity="0.54"
-              d="M263.931 71.5155L264.312 71.832L266.607 73.0345C266.742 73.1053 266.902 73.1105 267.042 73.0487L270.272 71.6165C270.416 71.5529 270.521 71.4256 270.556 71.2728L271 69.3671L272.605 69.3671L273.603 71.6164C273.656 71.7349 273.752 71.8283 273.872 71.877L276.774 73.0547C276.916 73.1127 277.078 73.1015 277.212 73.0245L279.332 71.8011L280.411 72.8237L279.399 75.662C279.356 75.7828 279.361 75.9155 279.413 76.0327L280.411 78.2828C280.468 78.4127 280.579 78.5119 280.714 78.5557L283.031 79.3067L283.031 81L281.22 81.4398C281.064 81.4776 280.936 81.5877 280.875 81.7358L279.503 85.0794C279.451 85.2056 279.453 85.3474 279.508 85.472L280.411 87.508L280.972 88.2301"
-              stroke="white" stroke-width="1.4"
-        />
-    </symbol>
-    <symbol id="board-without-any-columns-for-user" viewBox="0 0 364 189">
-        <path
-            d="M354 163.019H362M345 163.019H349M328 158.019H341M347.302 158.019H351.302M104 186.019H141M147 186.019H151M94 186.019H98M130 181.019H151M157 181.019H160M23 158.019H33M38 158.019H42M12 163.019H26.3023M2 163.019H6"
-            stroke="#D5E8F3" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
-            style="stroke: var(--tlp-illustration-tertiary-color)"></path>
-        <g opacity="0.7">
-            <path
-                d="M99.8788 134.576C99.9505 134.251 100.239 134.019 100.572 134.019H101.367C101.701 134.019 101.989 134.251 102.061 134.576L104.139 144.008C104.334 144.894 103.66 145.734 102.753 145.734H99.1868C98.2795 145.734 97.6049 144.894 97.8002 144.008L99.8788 134.576Z"
-                fill="#FCEFD8" stroke="#FFC96A" stroke-width="1.06494"></path>
-            <path
-                d="M96 144.314C96 144.118 96.1589 143.959 96.355 143.959H105.584C105.78 143.959 105.939 144.118 105.939 144.314V145.379C105.939 145.575 105.78 145.734 105.584 145.734H96.355C96.1589 145.734 96 145.575 96 145.379V144.314Z"
-                fill="#FFC96A" stroke="#FFC96A" stroke-width="1.06494"></path>
-            <path fill-rule="evenodd" clip-rule="evenodd"
-                  d="M99.6386 136.859H102.301L102.745 138.634H99.1948L99.6386 136.859Z" fill="#FFC96A"></path>
-            <path fill-rule="evenodd" clip-rule="evenodd"
-                  d="M98.899 140.054H103.04L103.455 141.829H98.4849L98.899 140.054Z" fill="#FFC96A"></path>
-        </g>
-        <rect x="111" y="74.0193" width="110.455" height="81" rx="3" fill="#E0F6FF" stroke="#92CEE5" stroke-width="3"
-              style="stroke: var(--tlp-illustration-primary-color); fill: var(--tlp-illustration-secondary-light-color)"></rect>
-        <path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd"
-              d="M216.718 79.5341H112.5V76.5675C112.5 76.0594 112.864 75.6475 113.372 75.6475C126.688 75.6475 207.147 75.6475 218.635 75.6475C219.414 75.6475 220 76.2787 220 77.0575V149.543C220 151.356 218.531 152.825 216.718 152.825V79.5341Z"
-              fill="white"></path>
-        <line x1="111" y1="85.8048" x2="221.455" y2="85.8048" stroke="#92CEE5" stroke-width="3"
-              style="stroke: var(--tlp-illustration-primary-color)"></line>
-        <line x1="149.318" y1="74.5857" x2="149.318" y2="155.019" stroke="#92CEE5" stroke-width="3"
-              style="stroke: var(--tlp-illustration-primary-color)"></line>
-        <line x1="186.136" y1="74.5857" x2="186.136" y2="155.019" stroke="#92CEE5" stroke-width="3"
-              style="stroke: var(--tlp-illustration-primary-color)"></line>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M120 153.5L128 137L131.357 137.639L123.5 153.5H120Z"
-              fill="#C1EDFF" style="fill: var(--tlp-illustration-secondary-dark-color)"></path>
-        <path
-            d="M238.673 85.0481L225.428 176.35C225.424 176.379 225.421 176.408 225.418 176.437C225.348 177.263 225.675 180.949 226.5 181.019L229.694 181.292C230.486 181.359 231.479 177.836 231.592 177.049L244.587 85.8659L238.673 85.0481Z"
-            fill="#E5E5E5" stroke="#DBDBDB" stroke-width="3"></path>
-        <path opacity="0.065"
-              d="M236.566 88.0573L245.06 88.7299L244.744 92.2147C242.706 92.7787 241.232 92.9963 240.324 92.8675C239.416 92.7387 238.073 92.1309 236.295 91.0443L236.566 88.0573Z"
-              fill="black"></path>
-        <rect x="206.181" y="43.897" width="59.2609" height="59.2609" rx="4" transform="rotate(-36.1272 206.181 43.897)"
-              fill="#FFF8D3" stroke="#FFD600" stroke-width="3"></rect>
-        <path fill-rule="evenodd" clip-rule="evenodd"
-              d="M282.375 55.4411L250.769 12.9959L252.596 12.3109C253.434 11.9965 254.379 12.2777 254.91 12.9992L284.792 53.6646C286.729 56.2066 286.146 57.1605 284.043 58.5585L243.326 88.4495C242.435 89.1032 241.184 88.9113 240.53 88.0209L239.938 87.2147L282.268 56.1402C282.491 55.9768 282.539 55.6637 282.375 55.4411Z"
-              fill="white"></path>
-        <path
-            d="M249.792 31.4774L251.518 31.7468C253.34 32.0312 254.587 33.739 254.302 35.5612C254.29 35.6394 254.275 35.7171 254.257 35.7942L250.035 54.1623C249.697 55.6313 248.281 56.5895 246.792 56.357C245.303 56.1245 244.247 54.7804 244.373 53.2784L245.95 34.4973C246.104 32.6595 247.719 31.2948 249.556 31.4491C249.635 31.4557 249.714 31.4651 249.792 31.4774ZM245.452 59.5276L247.102 59.7851C248.924 60.0695 250.171 61.7773 249.886 63.5995L249.629 65.2491C249.344 67.0713 247.636 68.3179 245.814 68.0334L244.165 67.7759C242.342 67.4914 241.096 65.7837 241.38 63.9615L241.638 62.3118C241.922 60.4897 243.63 59.2431 245.452 59.5276Z"
-            fill="#FFD600"></path>
-        <path
-            d="M216.342 148.589C216.544 147.672 217.357 147.019 218.296 147.019H221.705C222.643 147.019 223.456 147.672 223.658 148.589L231.072 182.23C231.622 184.726 229.721 187.091 227.165 187.091H212.835C210.279 187.091 208.378 184.726 208.928 182.23L216.342 148.589Z"
-            fill="#FCEFD8" stroke="#FFC96A" stroke-width="3"></path>
-        <path opacity="0.6" d="M218 150H220.591C220.829 150 221.034 150.167 221.081 150.4L227 179.5" stroke="white"
-              stroke-width="3"></path>
-        <path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd"
-              d="M232 180.019L227 156.019L227.979 150.314L233.5 175.019L232 180.019Z" fill="black"></path>
-        <path
-            d="M203 182.019C203 181.467 203.448 181.019 204 181.019H236C236.552 181.019 237 181.467 237 182.019V186.091C237 186.643 236.552 187.091 236 187.091H204C203.448 187.091 203 186.643 203 186.091V182.019Z"
-            fill="#FFC96A" stroke="#FFC96A" stroke-width="3"></path>
-        <path fill-rule="evenodd" clip-rule="evenodd"
-              d="M215.447 156.734H224.554L226.072 162.805H213.929L215.447 156.734Z" fill="#FFC96A"></path>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M212.917 167.662H227.083L228.5 173.734H211.5L212.917 167.662Z"
-              fill="#FFC96A"></path>
-        <path
-            d="M106.609 140.256C106.768 139.534 107.408 139.019 108.148 139.019H109.913C110.652 139.019 111.293 139.534 111.452 140.256L116.065 161.189C116.499 163.156 115.001 165.019 112.987 165.019H105.073C103.059 165.019 101.562 163.156 101.996 161.19L106.609 140.256Z"
-            fill="#FCEFD8" stroke="#FFC96A" stroke-width="2.36364"></path>
-        <path opacity="0.6" d="M107.991 141.5H109.231C109.388 141.5 109.523 141.61 109.555 141.763L113.475 160.5"
-              stroke="white" stroke-width="1.98305"></path>
-        <path
-            d="M98 161.868C98 161.433 98.3527 161.08 98.7879 161.08H119.273C119.708 161.08 120.061 161.433 120.061 161.868V164.231C120.061 164.666 119.708 165.019 119.273 165.019H98.7879C98.3527 165.019 98 164.666 98 164.231V161.868Z"
-            fill="#FFC96A" stroke="#FFC96A" stroke-width="2.36364"></path>
-        <path fill-rule="evenodd" clip-rule="evenodd"
-              d="M106.076 145.322H111.985L112.97 149.262H105.091L106.076 145.322Z" fill="#FFC96A"></path>
-        <path fill-rule="evenodd" clip-rule="evenodd"
-              d="M104.434 152.413H113.626L114.545 156.353H103.515L104.434 152.413Z" fill="#FFC96A"></path>
-        <path
-            d="M148.885 154.207C149.442 154.601 149.651 155.33 149.386 155.959L148.754 157.461C148.49 158.09 147.823 158.45 147.151 158.327L127.688 154.761C125.86 154.426 124.81 152.485 125.531 150.772L128.364 144.038C129.084 142.324 131.205 141.717 132.724 142.79L148.885 154.207Z"
-            fill="#FCEFD8" stroke="#FFC96A" stroke-width="2.18182"></path>
-        <path opacity="0.6" d="M133 145.5L147 155.5L146.5 157" stroke="white" stroke-width="1.98305"></path>
-        <path
-            d="M133.577 139.147C133.947 139.303 134.121 139.729 133.965 140.099L126.634 157.53C126.478 157.9 126.052 158.074 125.682 157.918L123.67 157.072C123.3 156.916 123.126 156.49 123.282 156.12L130.613 138.69C130.769 138.319 131.195 138.145 131.566 138.301L133.577 139.147Z"
-            fill="#FFC96A" stroke="#FFC96A" stroke-width="2.18182"></path>
-        <path fill-rule="evenodd" clip-rule="evenodd"
-              d="M144.764 151.94L142.65 156.968L138.945 156.396L141.765 149.692L144.764 151.94Z" fill="#FFC96A"></path>
-        <path fill-rule="evenodd" clip-rule="evenodd"
-              d="M139.319 148.006L136.029 155.827L132.348 155.199L136.296 145.814L139.319 148.006Z"
-              fill="#FFC96A"></path>
-    </symbol>
-</svg>
diff --git a/plugins/taskboard/webpack.common.js b/plugins/taskboard/webpack.common.js
index 35824abe7c0..300564eddd0 100644
--- a/plugins/taskboard/webpack.common.js
+++ b/plugins/taskboard/webpack.common.js
@@ -52,7 +52,6 @@ module.exports = [
                 ),
                 webpack_configurator.rule_easygettext_loader,
                 webpack_configurator.rule_vue_loader,
-                webpack_configurator.rule_file_loader_images,
                 webpack_configurator.rule_scss_loader,
             ],
         },
diff --git a/tools/utils/scripts/webpack-rule-configs.js b/tools/utils/scripts/webpack-rule-configs.js
index da9ecd74166..5f3979d777a 100644
--- a/tools/utils/scripts/webpack-rule-configs.js
+++ b/tools/utils/scripts/webpack-rule-configs.js
@@ -151,12 +151,6 @@ const rule_vue_loader = {
     use: [{ loader: "vue-loader" }],
 };
 
-const rule_file_loader_images = {
-    test: /\.svg$/,
-    exclude: /node_modules/,
-    use: [{ loader: "file-loader" }],
-};
-
 const rule_po_files = {
     test: /\.po$/,
     exclude: /node_modules/,
@@ -277,6 +271,5 @@ module.exports = {
     rule_easygettext_loader,
     rule_scss_loader,
     rule_css_assets,
-    rule_file_loader_images,
     rule_vue_images,
 };