From 740e54fef8001bd94d937b71460787c3f459e4d4 Mon Sep 17 00:00:00 2001
From: Sarsum <33085157+Sarsum@users.noreply.github.com>
Date: Wed, 14 Jul 2021 18:45:40 +0200
Subject: [PATCH 1/6] Add docusaurus typescript support

---
 package.json  |  8 +++++++-
 tsconfig.json |  4 ++++
 yarn.lock     | 46 +++++++++++++++++++++++++++++++++++++++++++++-
 3 files changed, 56 insertions(+), 2 deletions(-)
 create mode 100644 tsconfig.json

diff --git a/package.json b/package.json
index 9ec3635..6a382fb 100644
--- a/package.json
+++ b/package.json
@@ -31,13 +31,19 @@
     "react-select": "^4.3.1"
   },
   "devDependencies": {
+    "@docusaurus/module-type-aliases": "^2.0.0-beta.3",
+    "@tsconfig/docusaurus": "^1.0.2",
     "@types/eslint": "7.28.0",
     "@types/eslint-config-prettier": "6.11.0",
     "@types/prettier": "2.3.2",
+    "@types/react": "^17.0.14",
+    "@types/react-helmet": "^6.1.2",
+    "@types/react-router-dom": "^5.1.8",
     "eslint": "^7.30.0",
     "eslint-config-prettier": "8.3.0",
     "eslint-plugin-mdx": "^1.14.1",
     "eslint-plugin-react": "^7.24.0",
-    "prettier": "2.3.2"
+    "prettier": "2.3.2",
+    "typescript": "^4.3.5"
   }
 }
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..77c5f75
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  "extends": "@tsconfig/docusaurus/tsconfig.json",
+  "include": ["src/"]
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index ea7f8c3..ea26cd9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1290,6 +1290,11 @@
     url-loader "^4.1.1"
     webpack "^5.40.0"
 
+"@docusaurus/module-type-aliases@^2.0.0-beta.3":
+  version "2.0.0-beta.3"
+  resolved "https://registry.yarnpkg.com/@docusaurus/module-type-aliases/-/module-type-aliases-2.0.0-beta.3.tgz#6381df7d164708f2865c420dc3ab6e03def9ed7d"
+  integrity sha512-vciejziDBu39cyfmdvbpn865YlvugJMUOeD2m/7Kg4RLUPIZzQTWns0ZGIMc/iToiwebHwkoJtRsHaHzj8FpnA==
+
 "@docusaurus/plugin-client-redirects@^2.0.0-beta.3":
   version "2.0.0-beta.3"
   resolved "https://registry.yarnpkg.com/@docusaurus/plugin-client-redirects/-/plugin-client-redirects-2.0.0-beta.3.tgz#c5e70286cd60557fce3b60c48b2c0a976e71e5fc"
@@ -1924,6 +1929,11 @@
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.1.1.tgz#3348564048e7a2d7398c935d466c0414ebb6a669"
   integrity sha512-Z6DoceYb/1xSg5+e+ZlPZ9v0N16ZvZ+wYMraFue4HYrE4ttONKtsvruIRf6t9TBR0YvSOfi1hUU0fJfBLCDYow==
 
+"@tsconfig/docusaurus@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@tsconfig/docusaurus/-/docusaurus-1.0.2.tgz#400ef146d3e7da2f78bf9749c943d123dce5fd97"
+  integrity sha512-x4rRVb346vjyym6QbeB1Tv01XXwhbkujOmvDmtf0bT20oc2gbDhbmwpskKqZ5Of2Q/Vk4jNk1WMiLsZdJ9t7Dw==
+
 "@types/eslint-config-prettier@6.11.0":
   version "6.11.0"
   resolved "https://registry.yarnpkg.com/@types/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz#5e944e94240df9c1ba755c3b1ebc3879d96ab991"
@@ -1970,6 +1980,11 @@
   dependencies:
     "@types/unist" "*"
 
+"@types/history@*":
+  version "4.7.9"
+  resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.9.tgz#1cfb6d60ef3822c589f18e70f8b12f9a28ce8724"
+  integrity sha512-MUc6zSmU3tEVnkQ78q0peeEjKWPUADMlC/t++2bI8WnAG2tvYRPIgHG8lWkXwqc8MsUF6Z2MOf+Mh5sazOmhiQ==
+
 "@types/html-minifier-terser@^5.0.0":
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.2.tgz#693b316ad323ea97eed6b38ed1a3cc02b1672b57"
@@ -2027,6 +2042,30 @@
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df"
   integrity sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==
 
+"@types/react-helmet@^6.1.2":
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/@types/react-helmet/-/react-helmet-6.1.2.tgz#e9d7d16b29e4ec5716711c52c35c3cec45819eac"
+  integrity sha512-dcfAZNlWb5JYFbO9CGfrPWLJAyFcT6UeR3u35eBbv8liY2Rg4K7fM1G5+HnwVgot+C+kVwXAZ8pLEn2jsMfTDg==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-router-dom@^5.1.8":
+  version "5.1.8"
+  resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-5.1.8.tgz#bf3e1c8149b3d62eaa206d58599de82df0241192"
+  integrity sha512-03xHyncBzG0PmDmf8pf3rehtjY0NpUj7TIN46FrT5n1ZWHPZvXz32gUyNboJ+xsL8cpg8bQVLcllptcQHvocrw==
+  dependencies:
+    "@types/history" "*"
+    "@types/react" "*"
+    "@types/react-router" "*"
+
+"@types/react-router@*":
+  version "5.1.16"
+  resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.16.tgz#f3ba045fb96634e38b21531c482f9aeb37608a99"
+  integrity sha512-8d7nR/fNSqlTFGHti0R3F9WwIertOaaA1UEB8/jr5l5mDMOs4CidEgvvYMw4ivqrBK+vtVLxyTj2P+Pr/dtgzg==
+  dependencies:
+    "@types/history" "*"
+    "@types/react" "*"
+
 "@types/react-transition-group@^4.2.0":
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.2.tgz#38890fd9db68bf1f2252b99a942998dc7877c5b3"
@@ -2034,7 +2073,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*":
+"@types/react@*", "@types/react@^17.0.14":
   version "17.0.14"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.14.tgz#f0629761ca02945c4e8fea99b8177f4c5c61fb0f"
   integrity sha512-0WwKHUbWuQWOce61UexYuWTGuGY/8JvtUe/dtQ6lR4sZ3UiylHotJeWpf3ArP9+DSGUoLY3wbU59VyMrJps5VQ==
@@ -8980,6 +9019,11 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
+typescript@^4.3.5:
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.5.tgz#4d1c37cc16e893973c45a06886b7113234f119f4"
+  integrity sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==
+
 ua-parser-js@^0.7.18:
   version "0.7.28"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.28.tgz#8ba04e653f35ce210239c64661685bf9121dec31"

From 55d2d0568a8c6af5c642668a36161d158bdcc6b7 Mon Sep 17 00:00:00 2001
From: Sarsum <33085157+Sarsum@users.noreply.github.com>
Date: Thu, 22 Jul 2021 10:55:15 +0200
Subject: [PATCH 2/6] Switched from jsx to tsx :)

---
 package.json                   |   1 +
 src/js/_dependencyDownload.jsx | 350 ------------------------------
 src/js/_dependencyDownload.tsx | 370 +++++++++++++++++++++++++++++++
 src/pages/imprint.jsx          | 116 ----------
 src/pages/imprint.tsx          | 116 ++++++++++
 src/pages/index.jsx            | 150 -------------
 src/pages/index.tsx            | 150 +++++++++++++
 src/pages/privacy.jsx          | 384 ---------------------------------
 src/pages/privacy.tsx          | 384 +++++++++++++++++++++++++++++++++
 yarn.lock                      |  21 +-
 10 files changed, 1040 insertions(+), 1002 deletions(-)
 delete mode 100644 src/js/_dependencyDownload.jsx
 create mode 100644 src/js/_dependencyDownload.tsx
 delete mode 100644 src/pages/imprint.jsx
 create mode 100644 src/pages/imprint.tsx
 delete mode 100644 src/pages/index.jsx
 create mode 100644 src/pages/index.tsx
 delete mode 100644 src/pages/privacy.jsx
 create mode 100644 src/pages/privacy.tsx

diff --git a/package.json b/package.json
index 6a382fb..dbf31a7 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
     "@types/react": "^17.0.14",
     "@types/react-helmet": "^6.1.2",
     "@types/react-router-dom": "^5.1.8",
+    "@types/react-select": "^4.0.17",
     "eslint": "^7.30.0",
     "eslint-config-prettier": "8.3.0",
     "eslint-plugin-mdx": "^1.14.1",
diff --git a/src/js/_dependencyDownload.jsx b/src/js/_dependencyDownload.jsx
deleted file mode 100644
index 866ad42..0000000
--- a/src/js/_dependencyDownload.jsx
+++ /dev/null
@@ -1,350 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import styles from "../css/styles.module.css";
-import ReactSelect from "react-select";
-
-function DependencyDownload() {
-  const [dependencyName, setDependencyName] = React.useState(
-    dependencies[0].name
-  );
-  const [versionName, setVersionName] = React.useState(
-    dependencies[0].currentVersion
-  );
-  const [versions, setVersions] = React.useState(getVersions(dependencies[0]));
-  const [downloadURL, setDownloadURL] = React.useState(() => {
-    let defaultDependency = dependencies[0];
-    let defaultVersion = defaultDependency.versions.find(
-      (version) => version.version === defaultDependency.currentVersion
-    );
-    return getDownloadURL(defaultVersion);
-  });
-  let versionsRef = React.createRef();
-
-  function getVersions(dependency) {
-    return dependency.versions.map((version) => {
-      return { value: version.version, label: version.version };
-    });
-  }
-
-  function getDownloadURL(version) {
-    let templateURL = releaseTypes.find(
-      (releaseType) => releaseType.name === version.releaseType
-    ).url;
-    if (!templateURL) {
-      console.error(
-        `ReleaseType ${version.releaseType} of ${version.name}(${version.version}) does not exist!`
-      );
-      return "";
-    }
-    return templateURL
-      .replace(/%groupId%/g, version.groupId)
-      .replace(/%artifactId%/g, version.artifactId)
-      .replace(/%version%/g, version.version);
-  }
-
-  function updateDownloadURL(dependency, version) {
-    let selectedDependency = dependencies.find(
-      (localDependency) => localDependency.name === dependency
-    );
-    let selectedVersion = selectedDependency.versions.find(
-      (localVersion) => localVersion.version === version
-    );
-    setDownloadURL(getDownloadURL(selectedVersion));
-  }
-
-  function handleDependencyChange(newValue) {
-    let selectedDependency = dependencies.find(
-      (dependency) => dependency.name === newValue.value
-    );
-    setDependencyName(selectedDependency.name);
-    setVersions(getVersions(selectedDependency));
-    setVersionName(selectedDependency.currentVersion);
-    versionsRef.select.setValue({
-      value: selectedDependency.currentVersion,
-      label: selectedDependency.currentVersion,
-    });
-    updateDownloadURL(
-      selectedDependency.name,
-      selectedDependency.currentVersion
-    );
-  }
-
-  function handleVersionChange(newValue) {
-    setVersionName(newValue.value);
-    updateDownloadURL(dependencyName, newValue.value);
-  }
-
-  const customTheme = (theme) => ({
-    ...theme,
-    colors: {
-      ...theme.colors,
-      primary: "#1d9ce1",
-      primary75: "rgba(29,156,225,0.95)",
-      primary50: "rgba(29,156,225,0.85)",
-      primary25: "rgba(29,156,225,0.75)",
-      neutral0: "var(--ifm-dropdown-background-color)",
-      neutral5: "var(--ifm-color-emphasis-0)",
-      neutral10: "var(--ifm-color-emphasis-100)",
-      neutral20: "var(--ifm-color-emphasis-200)",
-      neutral30: "var(--ifm-color-emphasis-300)",
-      neutral40: "var(--ifm-color-emphasis-400)",
-      neutral50: "var(--ifm-color-emphasis-500)",
-      neutral60: "var(--ifm-color-emphasis-600)",
-      neutral70: "var(--ifm-color-emphasis-700)",
-      neutral80: "var(--ifm-color-emphasis-800)",
-      neutral90: "var(--ifm-color-emphasis-900)",
-    },
-  });
-
-  return (
-    <div>
-      <div>
-        <h4>Dependency</h4>
-        <ReactSelect
-          options={dependencies.map((dependency) => {
-            return { value: dependency.name, label: dependency.name };
-          })}
-          defaultValue={{ value: dependencyName, label: dependencyName }}
-          onChange={handleDependencyChange}
-          className={clsx(styles.select)}
-          theme={customTheme}
-        />
-      </div>
-      <div>
-        <h4>Version</h4>
-        <ReactSelect
-          ref={(ref) => {
-            versionsRef = ref;
-          }}
-          options={versions}
-          defaultValue={{ value: versionName, label: versionName }}
-          onChange={handleVersionChange}
-          className={clsx(styles.select)}
-          theme={customTheme}
-        />
-      </div>
-      <div>
-        <a
-          target="_blank"
-          className={clsx(
-            "button button--outline button--secondary button--mg",
-            styles.downloadButton
-          )}
-          href={downloadURL}
-          id="dependency-download"
-          rel="noopener noreferrer"
-          key={downloadURL}
-        >
-          Download
-        </a>
-      </div>
-    </div>
-  );
-}
-
-export default DependencyDownload;
-
-const dependencies = [
-  {
-    name: "cloudnet-driver",
-    currentVersion: "3.3.0-RELEASE",
-    versions: [
-      {
-        version: "3.3.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-driver",
-        releaseType: "snapshot",
-      },
-      {
-        version: "3.3.0-RELEASE",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-driver",
-        releaseType: "release",
-      },
-      {
-        version: "3.4.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-driver",
-        releaseType: "snapshot",
-      },
-    ],
-  },
-  {
-    name: "cloudnet-wrapper-jvm",
-    currentVersion: "3.3.0-RELEASE",
-    versions: [
-      {
-        version: "3.3.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-wrapper-jvm",
-        releaseType: "snapshot",
-      },
-      {
-        version: "3.3.0-RELEASE",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-wrapper-jvm",
-        releaseType: "release",
-      },
-      {
-        version: "3.4.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-wrapper-jvm",
-        releaseType: "snapshot",
-      },
-    ],
-  },
-  {
-    name: "cloudnet-bridge",
-    currentVersion: "3.3.0-RELEASE",
-    versions: [
-      {
-        version: "3.3.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-bridge",
-        releaseType: "snapshot",
-      },
-      {
-        version: "3.3.0-RELEASE",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-bridge",
-        releaseType: "release",
-      },
-      {
-        version: "3.4.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-bridge",
-        releaseType: "snapshot",
-      },
-    ],
-  },
-  {
-    name: "cloudnet",
-    currentVersion: "3.3.0-RELEASE",
-    versions: [
-      {
-        version: "3.3.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet",
-        releaseType: "snapshot",
-      },
-      {
-        version: "3.3.0-RELEASE",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet",
-        releaseType: "release",
-      },
-      {
-        version: "3.4.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet",
-        releaseType: "snapshot",
-      },
-    ],
-  },
-  {
-    name: "cloudnet-cloudperms",
-    currentVersion: "3.3.0-RELEASE",
-    versions: [
-      {
-        version: "3.3.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-cloudperms",
-        releaseType: "snapshot",
-      },
-      {
-        version: "3.3.0-RELEASE",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-cloudperms",
-        releaseType: "release",
-      },
-      {
-        version: "3.4.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-cloudperms",
-        releaseType: "snapshot",
-      },
-    ],
-  },
-  {
-    name: "cloudnet-syncproxy",
-    currentVersion: "3.3.0-RELEASE",
-    versions: [
-      {
-        version: "3.3.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-syncproxy",
-        releaseType: "snapshot",
-      },
-      {
-        version: "3.3.0-RELEASE",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-syncproxy",
-        releaseType: "release",
-      },
-      {
-        version: "3.4.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-syncproxy",
-        releaseType: "snapshot",
-      },
-    ],
-  },
-  {
-    name: "cloudnet-signs",
-    currentVersion: "3.3.0-RELEASE",
-    versions: [
-      {
-        version: "3.3.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-signs",
-        releaseType: "snapshot",
-      },
-      {
-        version: "3.3.0-RELEASE",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-signs",
-        releaseType: "release",
-      },
-      {
-        version: "3.4.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-signs",
-        releaseType: "snapshot",
-      },
-    ],
-  },
-  {
-    name: "cloudnet-npcs",
-    currentVersion: "3.3.0-RELEASE",
-    versions: [
-      {
-        version: "3.3.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-npcs",
-        releaseType: "snapshot",
-      },
-      {
-        version: "3.3.0-RELEASE",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-npcs",
-        releaseType: "release",
-      },
-      {
-        version: "3.4.0-SNAPSHOT",
-        groupId: "de/dytanic/cloudnet",
-        artifactId: "cloudnet-npcs",
-        releaseType: "snapshot",
-      },
-    ],
-  },
-];
-const releaseTypes = [
-  {
-    name: "release",
-    url: "https://repo.cloudnetservice.eu/repository/releases/%groupId%/%artifactId%/%version%/%artifactId%-%version%.jar",
-  },
-  {
-    name: "snapshot",
-    url: "https://repo.cloudnetservice.eu/repository/snapshots/%groupId%/%artifactId%/%version%/%artifactId%-%version%.jar",
-  },
-];
diff --git a/src/js/_dependencyDownload.tsx b/src/js/_dependencyDownload.tsx
new file mode 100644
index 0000000..0467c7c
--- /dev/null
+++ b/src/js/_dependencyDownload.tsx
@@ -0,0 +1,370 @@
+import React from "react";
+import clsx from "clsx";
+import styles from "../css/styles.module.css";
+import ReactSelect, {GroupTypeBase} from 'react-select';
+import Select from "react-select/base";
+import StateManager from "react-select";
+
+function DependencyDownload() {
+    const [dependencyName, setDependencyName] = React.useState(
+        dependencies[0].name
+    );
+    const [versionName, setVersionName] = React.useState(
+        dependencies[0].currentVersion
+    );
+    const [versions, setVersions] = React.useState(getVersions(dependencies[0]));
+    const [downloadURL, setDownloadURL] = React.useState(() => {
+        let defaultDependency = dependencies[0];
+        let defaultVersion = defaultDependency.versions.find(
+            (version) => version.version === defaultDependency.currentVersion
+        );
+        return getDownloadURL(defaultVersion);
+    });
+    let versionsRef = React.createRef<StateManager<{ value: string; label: string; }, false, GroupTypeBase<{ value: string; label: string; }>, Select<{ value: string; label: string; }, false, GroupTypeBase<{ value: string; label: string; }>>>>();
+
+    function getVersions(dependency: Dependency) {
+        return dependency.versions.map((version) => {
+            return { value: version.version, label: version.version };
+        });
+    }
+
+    function getDownloadURL(version: DependencyVersion): string {
+        let templateURL = releaseTypes.find(
+            (releaseType) => releaseType.name === version.releaseType
+        ).url;
+        if (!templateURL) {
+            console.error(
+                `ReleaseType ${version.releaseType} of ${version.artifactId}(${version.version}) does not exist!`
+            );
+            return "";
+        }
+        return templateURL
+            .replace(/%groupId%/g, version.groupId)
+            .replace(/%artifactId%/g, version.artifactId)
+            .replace(/%version%/g, version.version);
+    }
+
+    function updateDownloadURL(dependency: string, version: string) {
+        let selectedDependency = dependencies.find(
+            (localDependency) => localDependency.name === dependency
+        );
+        let selectedVersion = selectedDependency.versions.find(
+            (localVersion) => localVersion.version === version
+        );
+        setDownloadURL(getDownloadURL(selectedVersion));
+    }
+
+    function handleDependencyChange(newValue) {
+        let selectedDependency = dependencies.find(
+            (dependency) => dependency.name === newValue.value
+        );
+        setDependencyName(selectedDependency.name);
+        setVersions(getVersions(selectedDependency));
+        setVersionName(selectedDependency.currentVersion);
+        versionsRef.current.select.setValue({
+            value: selectedDependency.currentVersion,
+            label: selectedDependency.currentVersion,
+        }, "select-option");
+        updateDownloadURL(
+            selectedDependency.name,
+            selectedDependency.currentVersion
+        );
+    }
+
+    function handleVersionChange(newValue) {
+        setVersionName(newValue.value);
+        updateDownloadURL(dependencyName, newValue.value);
+    }
+
+    const customTheme = (theme) => ({
+        ...theme,
+        colors: {
+            ...theme.colors,
+            primary: "#1d9ce1",
+            primary75: "rgba(29,156,225,0.95)",
+            primary50: "rgba(29,156,225,0.85)",
+            primary25: "rgba(29,156,225,0.75)",
+            neutral0: "var(--ifm-dropdown-background-color)",
+            neutral5: "var(--ifm-color-emphasis-0)",
+            neutral10: "var(--ifm-color-emphasis-100)",
+            neutral20: "var(--ifm-color-emphasis-200)",
+            neutral30: "var(--ifm-color-emphasis-300)",
+            neutral40: "var(--ifm-color-emphasis-400)",
+            neutral50: "var(--ifm-color-emphasis-500)",
+            neutral60: "var(--ifm-color-emphasis-600)",
+            neutral70: "var(--ifm-color-emphasis-700)",
+            neutral80: "var(--ifm-color-emphasis-800)",
+            neutral90: "var(--ifm-color-emphasis-900)",
+        },
+    });
+
+    return (
+        <div>
+            <div>
+                <h4>Dependency</h4>
+                <ReactSelect
+                    options={dependencies.map((dependency) => {
+                        return { value: dependency.name, label: dependency.name };
+                    })}
+                    defaultValue={{ value: dependencyName, label: dependencyName }}
+                    onChange={handleDependencyChange}
+                    className={clsx(styles.select)}
+                    theme={customTheme}
+                />
+            </div>
+            <div>
+                <h4>Version</h4>
+                <ReactSelect
+                    ref={versionsRef}
+                    options={versions}
+                    defaultValue={{ value: versionName, label: versionName }}
+                    onChange={handleVersionChange}
+                    className={clsx(styles.select)}
+                    theme={customTheme}
+                />
+            </div>
+            <div>
+                <a
+                    target="_blank"
+                    className={clsx(
+                        "button button--outline button--secondary button--mg",
+                        styles.downloadButton
+                    )}
+                    href={downloadURL}
+                    id="dependency-download"
+                    rel="noopener noreferrer"
+                    key={downloadURL}
+                >
+                    Download
+                </a>
+            </div>
+        </div>
+    );
+}
+
+export default DependencyDownload;
+
+type ReleaseTypeName = 'snapshot' | 'release';
+
+type ReleaseType = {
+    name: ReleaseTypeName
+    url: string
+}
+
+type DependencyVersion = {
+    version: string,
+    groupId: string,
+    artifactId: string,
+    releaseType: ReleaseTypeName;
+}
+
+type Dependency = {
+    name: string,
+    currentVersion: string,
+    versions: DependencyVersion[];
+}
+
+const dependencies: Dependency[] = [
+    {
+        name: "cloudnet-driver",
+        currentVersion: "3.3.0-RELEASE",
+        versions: [
+            {
+                version: "3.3.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-driver",
+                releaseType: "snapshot",
+            },
+            {
+                version: "3.3.0-RELEASE",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-driver",
+                releaseType: "release",
+            },
+            {
+                version: "3.4.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-driver",
+                releaseType: "snapshot",
+            },
+        ],
+    },
+    {
+        name: "cloudnet-wrapper-jvm",
+        currentVersion: "3.3.0-RELEASE",
+        versions: [
+            {
+                version: "3.3.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-wrapper-jvm",
+                releaseType: "snapshot",
+            },
+            {
+                version: "3.3.0-RELEASE",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-wrapper-jvm",
+                releaseType: "release",
+            },
+            {
+                version: "3.4.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-wrapper-jvm",
+                releaseType: "snapshot",
+            },
+        ],
+    },
+    {
+        name: "cloudnet-bridge",
+        currentVersion: "3.3.0-RELEASE",
+        versions: [
+            {
+                version: "3.3.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-bridge",
+                releaseType: "snapshot",
+            },
+            {
+                version: "3.3.0-RELEASE",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-bridge",
+                releaseType: "release",
+            },
+            {
+                version: "3.4.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-bridge",
+                releaseType: "snapshot",
+            },
+        ],
+    },
+    {
+        name: "cloudnet",
+        currentVersion: "3.3.0-RELEASE",
+        versions: [
+            {
+                version: "3.3.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet",
+                releaseType: "snapshot",
+            },
+            {
+                version: "3.3.0-RELEASE",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet",
+                releaseType: "release",
+            },
+            {
+                version: "3.4.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet",
+                releaseType: "snapshot",
+            },
+        ],
+    },
+    {
+        name: "cloudnet-cloudperms",
+        currentVersion: "3.3.0-RELEASE",
+        versions: [
+            {
+                version: "3.3.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-cloudperms",
+                releaseType: "snapshot",
+            },
+            {
+                version: "3.3.0-RELEASE",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-cloudperms",
+                releaseType: "release",
+            },
+            {
+                version: "3.4.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-cloudperms",
+                releaseType: "snapshot",
+            },
+        ],
+    },
+    {
+        name: "cloudnet-syncproxy",
+        currentVersion: "3.3.0-RELEASE",
+        versions: [
+            {
+                version: "3.3.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-syncproxy",
+                releaseType: "snapshot",
+            },
+            {
+                version: "3.3.0-RELEASE",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-syncproxy",
+                releaseType: "release",
+            },
+            {
+                version: "3.4.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-syncproxy",
+                releaseType: "snapshot",
+            },
+        ],
+    },
+    {
+        name: "cloudnet-signs",
+        currentVersion: "3.3.0-RELEASE",
+        versions: [
+            {
+                version: "3.3.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-signs",
+                releaseType: "snapshot",
+            },
+            {
+                version: "3.3.0-RELEASE",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-signs",
+                releaseType: "release",
+            },
+            {
+                version: "3.4.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-signs",
+                releaseType: "snapshot",
+            },
+        ],
+    },
+    {
+        name: "cloudnet-npcs",
+        currentVersion: "3.3.0-RELEASE",
+        versions: [
+            {
+                version: "3.3.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-npcs",
+                releaseType: "snapshot",
+            },
+            {
+                version: "3.3.0-RELEASE",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-npcs",
+                releaseType: "release",
+            },
+            {
+                version: "3.4.0-SNAPSHOT",
+                groupId: "de/dytanic/cloudnet",
+                artifactId: "cloudnet-npcs",
+                releaseType: "snapshot",
+            },
+        ],
+    },
+];
+const releaseTypes: ReleaseType[] = [
+    {
+        name: "release",
+        url: "https://repo.cloudnetservice.eu/repository/releases/%groupId%/%artifactId%/%version%/%artifactId%-%version%.jar",
+    },
+    {
+        name: "snapshot",
+        url: "https://repo.cloudnetservice.eu/repository/snapshots/%groupId%/%artifactId%/%version%/%artifactId%-%version%.jar",
+    },
+];
diff --git a/src/pages/imprint.jsx b/src/pages/imprint.jsx
deleted file mode 100644
index 1bcef94..0000000
--- a/src/pages/imprint.jsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Layout from "@theme/Layout";
-import styles from "./styles.module.css";
-
-function Home() {
-  return (
-    <Layout title={`Impressum`}>
-      <main className={clsx("container", styles.legalText)}>
-        <h1>Impressum</h1>
-        <h2>Angaben gemäß § 5 TMG</h2>
-        <p>
-          Joschua Kreimer
-          <br />
-          c/o nexserv GmbH
-          <br />
-          Dießemer Bruch 112c
-          <br />
-          47805 Krefeld
-          <br />
-          Deutschland
-        </p>
-        <h2>Kontakt</h2>
-        <p>
-          Telefon: +4915678578650
-          <br />
-          E-Mail:{" "}
-          <a href="mailto:contact@cloudnetservice.eu">
-            contact@cloudnetservice.eu
-          </a>
-        </p>
-        <h2>Redaktionell Verantwortlicher</h2>
-        <p>
-          Joschua Kreimer
-          <br />
-          c/o nexserv GmbH
-          <br />
-          Dießemer Bruch 112c
-          <br />
-          47805 Krefeld
-          <br />
-          Deutschland
-        </p>
-        <h3>Haftung für Inhalte</h3>{" "}
-        <p>
-          Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte
-          auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach
-          §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht
-          verpflichtet, übermittelte oder gespeicherte fremde Informationen zu
-          überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige
-          Tätigkeit hinweisen.
-        </p>
-        <p>
-          Verpflichtungen zur Entfernung oder Sperrung der Nutzung von
-          Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt.
-          Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der
-          Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden
-          von entsprechenden Rechtsverletzungen werden wir diese Inhalte
-          umgehend entfernen.
-        </p>
-        <h2>Social Media und andere Onlinepräsenzen</h2>
-        <p>
-          Dieses Impressum gilt auch für die folgenden Social-Media-Präsenzen
-          und Onlineprofile:{" "}
-        </p>
-        <p>
-          <a
-            href="https://twitter.com/CloudNetService"
-            target="_blank"
-            rel="noreferrer"
-          >
-            https://twitter.com/CloudNetService
-          </a>
-        </p>
-        <h3>Haftung für Links</h3>{" "}
-        <p>
-          Unser Angebot enthält Links zu externen Websites Dritter, auf deren
-          Inhalte wir keinen Einfluss haben. Deshalb kö;nnen wir für diese
-          fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der
-          verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der
-          Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der
-          Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige
-          Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
-        </p>
-        <p>
-          Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch
-          ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei
-          Bekanntwerden von Rechtsverletzungen werden wir derartige Links
-          umgehend entfernen.
-        </p>
-        <h3>Urheberrecht</h3>{" "}
-        <p>
-          Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen
-          Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung,
-          Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der
-          Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des
-          jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite
-          sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
-        </p>
-        <p>
-          Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt
-          wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden
-          Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf
-          eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen
-          entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen
-          werden wir derartige Inhalte umgehend entfernen.
-        </p>
-        <p>
-          Quelle: <a href="https://www.e-recht24.de">eRecht24</a>
-        </p>
-      </main>
-    </Layout>
-  );
-}
-
-export default Home;
diff --git a/src/pages/imprint.tsx b/src/pages/imprint.tsx
new file mode 100644
index 0000000..24808fe
--- /dev/null
+++ b/src/pages/imprint.tsx
@@ -0,0 +1,116 @@
+import React from "react";
+import clsx from "clsx";
+import Layout from "@theme/Layout";
+import styles from "./styles.module.css";
+
+function Home() {
+    return (
+        <Layout title={`Impressum`}>
+            <main className={clsx("container", styles.legalText)}>
+                <h1>Impressum</h1>
+                <h2>Angaben gemäß § 5 TMG</h2>
+                <p>
+                    Joschua Kreimer
+                    <br />
+                    c/o nexserv GmbH
+                    <br />
+                    Dießemer Bruch 112c
+                    <br />
+                    47805 Krefeld
+                    <br />
+                    Deutschland
+                </p>
+                <h2>Kontakt</h2>
+                <p>
+                    Telefon: +4915678578650
+                    <br />
+                    E-Mail:{" "}
+                    <a href="mailto:contact@cloudnetservice.eu">
+                        contact@cloudnetservice.eu
+                    </a>
+                </p>
+                <h2>Redaktionell Verantwortlicher</h2>
+                <p>
+                    Joschua Kreimer
+                    <br />
+                    c/o nexserv GmbH
+                    <br />
+                    Dießemer Bruch 112c
+                    <br />
+                    47805 Krefeld
+                    <br />
+                    Deutschland
+                </p>
+                <h3>Haftung für Inhalte</h3>{" "}
+                <p>
+                    Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte
+                    auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach
+                    §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht
+                    verpflichtet, übermittelte oder gespeicherte fremde Informationen zu
+                    überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige
+                    Tätigkeit hinweisen.
+                </p>
+                <p>
+                    Verpflichtungen zur Entfernung oder Sperrung der Nutzung von
+                    Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt.
+                    Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der
+                    Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden
+                    von entsprechenden Rechtsverletzungen werden wir diese Inhalte
+                    umgehend entfernen.
+                </p>
+                <h2>Social Media und andere Onlinepräsenzen</h2>
+                <p>
+                    Dieses Impressum gilt auch für die folgenden Social-Media-Präsenzen
+                    und Onlineprofile:{" "}
+                </p>
+                <p>
+                    <a
+                        href="https://twitter.com/CloudNetService"
+                        target="_blank"
+                        rel="noreferrer"
+                    >
+                        https://twitter.com/CloudNetService
+                    </a>
+                </p>
+                <h3>Haftung für Links</h3>{" "}
+                <p>
+                    Unser Angebot enthält Links zu externen Websites Dritter, auf deren
+                    Inhalte wir keinen Einfluss haben. Deshalb kö;nnen wir für diese
+                    fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der
+                    verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der
+                    Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der
+                    Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige
+                    Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
+                </p>
+                <p>
+                    Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch
+                    ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei
+                    Bekanntwerden von Rechtsverletzungen werden wir derartige Links
+                    umgehend entfernen.
+                </p>
+                <h3>Urheberrecht</h3>{" "}
+                <p>
+                    Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen
+                    Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung,
+                    Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der
+                    Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des
+                    jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite
+                    sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
+                </p>
+                <p>
+                    Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt
+                    wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden
+                    Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf
+                    eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen
+                    entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen
+                    werden wir derartige Inhalte umgehend entfernen.
+                </p>
+                <p>
+                    Quelle: <a href="https://www.e-recht24.de">eRecht24</a>
+                </p>
+            </main>
+        </Layout>
+    );
+}
+
+export default Home;
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
deleted file mode 100644
index 962469f..0000000
--- a/src/pages/index.jsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Layout from "@theme/Layout";
-import Link from "@docusaurus/Link";
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import useBaseUrl from "@docusaurus/useBaseUrl";
-import styles from "./styles.module.css";
-import Icon from "@material-ui/core/Icon";
-import Translate from "@docusaurus/Translate";
-
-const features = [
-  {
-    title: (
-      <Translate id="homepage.feature.openSource.title">
-        Free & OpenSource
-      </Translate>
-    ),
-    icon: "code",
-    description: (
-      <Translate
-        id="homepage.feature.openSource.description"
-        values={{
-          githubLink: (
-            <a
-              href="https://github.com/CloudNetService/"
-              target="_blank"
-              rel="noreferrer"
-            >
-              <Translate id="homepage.feature.openSource.githubLinkName">
-                GitHub organisation
-              </Translate>
-            </a>
-          ),
-        }}
-      >
-        {
-          "CloudNet is open source and free to use, and this will not change! You can find all our projects in our {githubLink}."
-        }
-      </Translate>
-    ),
-  },
-  {
-    title: <Translate id="homepage.feature.support.title">Support</Translate>,
-    icon: "people",
-    description: (
-      <Translate
-        id="homepage.feature.support.description"
-        values={{
-          discordLink: (
-            <a
-              href="https://discord.cloudnetservice.eu"
-              target="_blank"
-              rel="noreferrer"
-            >
-              <Translate id="homepage.feature.support.discordLinkName">
-                Discord Server
-              </Translate>
-            </a>
-          ),
-        }}
-      >
-        {
-          "If you have any questions regarding CloudNet, you are welcome to join our {discordLink}. If you have any questions regarding CloudNet, you are welcome to join our"
-        }
-      </Translate>
-    ),
-  },
-  {
-    title: <Translate id="homepage.feature.scalable.title">Scalable</Translate>,
-    icon: "trending_up",
-    description: (
-      <Translate id="homepage.feature.scalable.description">
-        CloudNet is horizontally and vertically scalable. This means you can
-        distribute your players across different virtual or dedicated servers to
-        balance the performance.
-      </Translate>
-    ),
-  },
-];
-
-function Feature({ icon, title, description }) {
-  return (
-    <div className={clsx("col col--4", styles.feature)}>
-      <div className="text--center">
-        <Icon style={{ fontSize: "4rem" }}>{icon}</Icon>
-      </div>
-      <h3 className="text--center">{title}</h3>
-      <p>{description}</p>
-    </div>
-  );
-}
-
-Feature.propTypes = {
-  icon: undefined,
-  title: undefined,
-  description: undefined,
-};
-
-function Home() {
-  const context = useDocusaurusContext();
-  const { siteConfig = {} } = context;
-  return (
-    <Layout
-      title={`CloudNET - The Cloud Network Environment Technology`}
-      description="A modern application that can dynamically and easily deploy Minecraft oriented software."
-    >
-      <header className={clsx("hero hero--primary", styles.heroBanner)}>
-        <div className="container">
-          <div className="row">
-            <div className={clsx("col", "col--8", styles.heroText)}>
-              <h1 className="hero__title">CloudNet&shy;Service</h1>
-              <p className="hero__subtitle">{siteConfig.tagline}</p>
-              <div className={styles.buttons}>
-                <Link
-                  className={clsx(
-                    "button button--outline button--secondary button--lg",
-                    styles.getStarted
-                  )}
-                  to={useBaseUrl("docs/3.3/")}
-                >
-                  <Translate id="homepage.getStartedButton">
-                    Get Started
-                  </Translate>
-                </Link>
-              </div>
-            </div>
-            <div className={clsx("col", "col--4", styles.heroImage)}>
-              <img alt="CloudNetService Logo" src="/img/logo.svg" />
-            </div>
-          </div>
-        </div>
-      </header>
-      <main>
-        {features && features.length > 0 && (
-          <section className={styles.features}>
-            <div className="container">
-              <div className="row">
-                {features.map((props, idx) => (
-                  <Feature key={idx} {...props} />
-                ))}
-              </div>
-            </div>
-          </section>
-        )}
-      </main>
-    </Layout>
-  );
-}
-
-export default Home;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
new file mode 100644
index 0000000..377b411
--- /dev/null
+++ b/src/pages/index.tsx
@@ -0,0 +1,150 @@
+import React from "react";
+import clsx from "clsx";
+import Layout from "@theme/Layout";
+import Link from "@docusaurus/Link";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import styles from "./styles.module.css";
+import Icon from "@material-ui/core/Icon";
+import Translate from "@docusaurus/Translate";
+
+type Feature = {
+    title: any
+    icon: string
+    description: any;
+}
+
+const features: Feature[] = [
+    {
+        title: (
+            <Translate id="homepage.feature.openSource.title">
+                Free & OpenSource
+            </Translate>
+        ),
+        icon: "code",
+        description: (
+            <Translate
+                id="homepage.feature.openSource.description"
+                values={{
+                    githubLink: (
+                        <a
+                            href="https://github.com/CloudNetService/"
+                            target="_blank"
+                            rel="noreferrer"
+                        >
+                            <Translate id="homepage.feature.openSource.githubLinkName">
+                                GitHub organisation
+                            </Translate>
+                        </a>
+                    ),
+                }}
+            >
+                {
+                    "CloudNet is open source and free to use, and this will not change! You can find all our projects in our {githubLink}."
+                }
+            </Translate>
+        ),
+    },
+    {
+        title: <Translate id="homepage.feature.support.title">Support</Translate>,
+        icon: "people",
+        description: (
+            <Translate
+                id="homepage.feature.support.description"
+                values={{
+                    discordLink: (
+                        <a
+                            href="https://discord.cloudnetservice.eu"
+                            target="_blank"
+                            rel="noreferrer"
+                        >
+                            <Translate id="homepage.feature.support.discordLinkName">
+                                Discord Server
+                            </Translate>
+                        </a>
+                    ),
+                }}
+            >
+                {
+                    "If you have any questions regarding CloudNet, you are welcome to join our {discordLink}. If you have any questions regarding CloudNet, you are welcome to join our"
+                }
+            </Translate>
+        ),
+    },
+    {
+        title: <Translate id="homepage.feature.scalable.title">Scalable</Translate>,
+        icon: "trending_up",
+        description: (
+            <Translate id="homepage.feature.scalable.description">
+                CloudNet is horizontally and vertically scalable. This means you can
+                distribute your players across different virtual or dedicated servers to
+                balance the performance.
+            </Translate>
+        ),
+    },
+];
+
+function Feature({ icon, title, description }: Feature) {
+    return (
+        <div className={clsx("col col--4", styles.feature)}>
+            <div className="text--center">
+                <Icon style={{ fontSize: "4rem" }}>{icon}</Icon>
+            </div>
+            <h3 className="text--center">{title}</h3>
+            <p>{description}</p>
+        </div>
+    );
+}
+
+function Home() {
+    const context = useDocusaurusContext();
+    const { siteConfig = {} } = context;
+    return (
+        <Layout
+            title={`CloudNET - The Cloud Network Environment Technology`}
+            description="A modern application that can dynamically and easily deploy Minecraft oriented software."
+        >
+            <header className={clsx("hero hero--primary", styles.heroBanner)}>
+                <div className="container">
+                    <div className="row">
+                        <div className={clsx("col", "col--8", styles.heroText)}>
+                            <h1 className="hero__title">CloudNet&shy;Service</h1>
+                            <p className="hero__subtitle">{siteConfig.tagline}</p>
+                            <div className={styles.buttons}>
+                                <Link
+                                    className={clsx(
+                                        "button button--outline button--secondary button--lg",
+                                        styles.getStarted
+                                    )}
+                                    to={useBaseUrl("docs/3.3/")}
+                                >
+                                    <Translate id="homepage.getStartedButton">
+                                        Get Started
+                                    </Translate>
+                                </Link>
+                            </div>
+                        </div>
+                        <div className={clsx("col", "col--4", styles.heroImage)}>
+                            <img alt="CloudNetService Logo" src="/img/logo.svg" />
+                        </div>
+                    </div>
+                </div>
+            </header>
+            <main>
+                {features && features.length > 0 && (
+                    <section className={styles.features}>
+                        <div className="container">
+                            <div className="row">
+                                {features.map((props, idx) => (
+                                    <Feature key={idx} {...props} />
+                                ))}
+                            </div>
+                        </div>
+                    </section>
+                )}
+            </main>
+        </Layout>
+    );
+}
+
+export default Home;
diff --git a/src/pages/privacy.jsx b/src/pages/privacy.jsx
deleted file mode 100644
index be019fd..0000000
--- a/src/pages/privacy.jsx
+++ /dev/null
@@ -1,384 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Layout from "@theme/Layout";
-import styles from "./styles.module.css";
-
-function Home() {
-  return (
-    <Layout title={`Datenschutzerklärung`}>
-      <main className={clsx("container", styles.legalText)}>
-        <h1>Datenschutzerklärung</h1>
-        <p>
-          Verantwortlicher im Sinne der Datenschutzgesetze, insbesondere der
-          EU-Datenschutzgrundverordnung (DSGVO), ist:
-        </p>
-        <p>
-          Joschua Kreimer
-          <br />
-          c/o nexserv GmbH
-          <br />
-          Dießemer Bruch 112c
-          <br />
-          47805 Krefeld
-          <br />
-          Deutschland
-        </p>
-        <h2>Ihre Betroffenenrechte</h2>
-        <p>
-          Unter den angegebenen Kontaktdaten unseres Datenschutzbeauftragten
-          können Sie jederzeit folgende Rechte ausüben:
-        </p>
-        <ul>
-          <li>
-            Auskunft über Ihre bei uns gespeicherten Daten und deren
-            Verarbeitung (Art. 15 DSGVO),
-          </li>
-          <li>
-            Berichtigung unrichtiger personenbezogener Daten (Art. 16 DSGVO),
-          </li>
-          <li>Löschung Ihrer bei uns gespeicherten Daten (Art. 17 DSGVO),</li>
-          <li>
-            Einschränkung der Datenverarbeitung, sofern wir Ihre Daten aufgrund
-            gesetzlicher Pflichten noch nicht löschen dürfen (Art. 18 DSGVO),
-          </li>
-          <li>
-            Widerspruch gegen die Verarbeitung Ihrer Daten bei uns (Art. 21
-            DSGVO) und
-          </li>
-          <li>
-            Datenübertragbarkeit, sofern Sie in die Datenverarbeitung
-            eingewilligt haben oder einen Vertrag mit uns abgeschlossen haben
-            (Art. 20 DSGVO).
-          </li>
-        </ul>
-        <p>
-          Sofern Sie uns eine Einwilligung erteilt haben, können Sie diese
-          jederzeit mit Wirkung für die Zukunft widerrufen.
-        </p>
-        <p>
-          Sie können sich jederzeit mit einer Beschwerde an eine
-          Aufsichtsbehörde wenden, z. B. an die zuständige Aufsichtsbehörde des
-          Bundeslands Ihres Wohnsitzes oder an die für uns als verantwortliche
-          Stelle zuständige Behörde.
-        </p>
-        <p>
-          Eine Liste der Aufsichtsbehörden (für den nichtöffentlichen Bereich)
-          mit Anschrift finden Sie unter:{" "}
-          <a
-            href="https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html"
-            target="_blank"
-            rel="nofollow noopener noreferrer"
-          >
-            https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html
-          </a>
-          .
-        </p>
-        <p />
-
-        <h2>Erfassung allgemeiner Informationen beim Besuch unserer Website</h2>
-        <h3>Art und Zweck der Verarbeitung:</h3>
-        <p>
-          Wenn Sie auf unsere Website zugreifen, d.h., wenn Sie sich nicht
-          registrieren oder anderweitig Informationen übermitteln, werden
-          automatisch Informationen allgemeiner Natur erfasst. Diese
-          Informationen (Server-Logfiles) beinhalten etwa die Art des
-          Webbrowsers, das verwendete Betriebssystem, den Domainnamen Ihres
-          Internet-Service-Providers, Ihre IP-Adresse und ähnliches.{" "}
-        </p>
-        <p>Sie werden insbesondere zu folgenden Zwecken verarbeitet:</p>
-        <ul>
-          <li>
-            Sicherstellung eines problemlosen Verbindungsaufbaus der Website,
-          </li>
-          <li>Sicherstellung einer reibungslosen Nutzung unserer Website,</li>
-          <li>Auswertung der Systemsicherheit und -stabilität sowie</li>
-          <li>zur Optimierung unserer Website.</li>
-        </ul>
-        <p>
-          Wir verwenden Ihre Daten nicht, um Rückschlüsse auf Ihre Person zu
-          ziehen. Informationen dieser Art werden von uns ggfs. anonymisiert
-          statistisch ausgewertet, um unseren Internetauftritt und die
-          dahinterstehende Technik zu optimieren.{" "}
-        </p>
-        <h3>Rechtsgrundlage und berechtigtes Interesse:</h3>
-        <p>
-          Die Verarbeitung erfolgt gemäß Art. 6 Abs. 1 lit. f DSGVO auf Basis
-          unseres berechtigten Interesses an der Verbesserung der Stabilität und
-          Funktionalität unserer Website.
-        </p>
-        <h3>Empfänger:</h3>
-        <p>
-          Empfänger der Daten sind ggf. technische Dienstleister, die für den
-          Betrieb und die Wartung unserer Webseite als Auftragsverarbeiter tätig
-          werden.
-        </p>
-        <p />
-        <h3>Speicherdauer:</h3>
-        <p>
-          Die Daten werden gelöscht, sobald diese für den Zweck der Erhebung
-          nicht mehr erforderlich sind. Dies ist für die Daten, die der
-          Bereitstellung der Website dienen, grundsätzlich der Fall, wenn die
-          jeweilige Sitzung beendet ist.{" "}
-        </p>
-        <p>
-          {" "}
-          Im Falle der Speicherung der Daten in Logfiles ist dies nach
-          spätestens 14 Tagen der Fall. Eine darüberhinausgehende Speicherung
-          ist möglich. In diesem Fall werden die IP-Adressen der Nutzer
-          anonymisiert, sodass eine Zuordnung des aufrufenden Clients nicht mehr
-          möglich ist.
-        </p>
-        <p />
-        <h3>Bereitstellung vorgeschrieben oder erforderlich:</h3>
-        <p>
-          Die Bereitstellung der vorgenannten personenbezogenen Daten ist weder
-          gesetzlich noch vertraglich vorgeschrieben. Ohne die IP-Adresse ist
-          jedoch der Dienst und die Funktionsfähigkeit unserer Website nicht
-          gewährleistet. Zudem können einzelne Dienste und Services nicht
-          verfügbar oder eingeschränkt sein. Aus diesem Grund ist ein
-          Widerspruch ausgeschlossen.{" "}
-        </p>
-        <p />
-
-        <h2>Cookies</h2>
-        <p>
-          Wie viele andere Webseiten verwenden wir auch so genannte „Cookies“.
-          Bei Cookies handelt es sich um kleine Textdateien, die auf Ihrem
-          Endgerät (Laptop, Tablet, Smartphone o.ä.) gespeichert werden, wenn
-          Sie unsere Webseite besuchen.{" "}
-        </p>
-        <p>
-          Sie können Sie einzelne Cookies oder den gesamten Cookie-Bestand
-          löschen. Darüber hinaus erhalten Sie Informationen und Anleitungen,
-          wie diese Cookies gelöscht oder deren Speicherung vorab blockiert
-          werden können. Je nach Anbieter Ihres Browsers finden Sie die
-          notwendigen Informationen unter den nachfolgenden Links:
-        </p>
-        <ul>
-          <li>
-            Mozilla Firefox:{" "}
-            <a
-              href="https://support.mozilla.org/de/kb/cookies-loeschen-daten-von-websites-entfernen"
-              target="_blank"
-              rel="nofollow noopener noreferrer"
-            >
-              https://support.mozilla.org/de/kb/cookies-loeschen-daten-von-websites-entfernen
-            </a>
-          </li>
-          <li>
-            Internet Explorer:{" "}
-            <a
-              href="https://support.microsoft.com/de-de/help/17442/windows-internet-explorer-delete-manage-cookies"
-              target="_blank"
-              rel="nofollow noopener noreferrer"
-            >
-              https://support.microsoft.com/de-de/help/17442/windows-internet-explorer-delete-manage-cookies
-            </a>
-          </li>
-          <li>
-            Google Chrome:{" "}
-            <a
-              href="https://support.google.com/accounts/answer/61416?hl=de"
-              target="_blank"
-              rel="nofollow noopener noreferrer"
-            >
-              https://support.google.com/accounts/answer/61416?hl=de
-            </a>
-          </li>
-          <li>
-            Opera:{" "}
-            <a
-              href="https://www.opera.com/de/help"
-              target="_blank"
-              rel="nofollow noopener noreferrer"
-            >
-              https://www.opera.com/de/help
-            </a>
-          </li>
-          <li>
-            Safari:{" "}
-            <a
-              href="https://support.apple.com/kb/PH17191?locale=de_DE&viewlocale=de_DE"
-              target="_blank"
-              rel="nofollow noopener noreferrer"
-            >
-              https://support.apple.com/kb/PH17191?locale=de_DE&viewlocale=de_DE
-            </a>
-          </li>
-        </ul>
-        <h3>Speicherdauer und eingesetzte Cookies:</h3>
-        <p>
-          Soweit Sie uns durch Ihre Browsereinstellungen oder Zustimmung die
-          Verwendung von Cookies erlauben, können folgende Cookies auf unseren
-          Webseiten zum Einsatz kommen:
-        </p>
-        <ul>
-          <li>theme</li>
-        </ul>
-
-        <h2>Technisch notwendige Cookies </h2>
-        <h3>Art und Zweck der Verarbeitung: </h3>
-        <p>
-          Wir setzen Cookies ein, um unsere Website nutzerfreundlicher zu
-          gestalten. Einige Elemente unserer Internetseite erfordern es, dass
-          der aufrufende Browser auch nach einem Seitenwechsel identifiziert
-          werden kann.
-        </p>
-        <p>
-          Der Zweck der Verwendung technisch notwendiger Cookies ist, die
-          Nutzung von Websites für die Nutzer zu vereinfachen. Einige Funktionen
-          unserer Internetseite können ohne den Einsatz von Cookies nicht
-          angeboten werden. Für diese ist es erforderlich, dass der Browser auch
-          nach einem Seitenwechsel wiedererkannt wird.
-        </p>
-        <p>Für folgende Anwendungen benötigen wir Cookies:</p>
-        <ul>
-          <li>Übernahme von Designeinstellungen</li>
-        </ul>
-        <h3>Rechtsgrundlage und berechtigtes Interesse: </h3>
-        <p>
-          Die Verarbeitung erfolgt gemäß Art. 6 Abs. 1 lit. f DSGVO auf Basis
-          unseres berechtigten Interesses an einer nutzerfreundlichen Gestaltung
-          unserer Website.
-        </p>
-        <h3>Empfänger: </h3>
-        <p>
-          Empfänger der Daten sind ggf. technische Dienstleister, die für den
-          Betrieb und die Wartung unserer Website als Auftragsverarbeiter tätig
-          werden.
-        </p>
-        <p />
-        <h3>Bereitstellung vorgeschrieben oder erforderlich:</h3>
-        <p>
-          Die Bereitstellung der vorgenannten personenbezogenen Daten ist weder
-          gesetzlich noch vertraglich vorgeschrieben. Ohne diese Daten ist
-          jedoch der Dienst und die Funktionsfähigkeit unserer Website nicht
-          gewährleistet. Zudem können einzelne Dienste und Services nicht
-          verfügbar oder eingeschränkt sein.
-        </p>
-        <h3>Widerspruch</h3>
-        <p>
-          Lesen Sie dazu die Informationen über Ihr Widerspruchsrecht nach Art.
-          21 DSGVO weiter unten.
-        </p>
-        <p />
-
-        <h2>Eingebettete YouTube-Videos</h2>
-        <p>
-          Auf unserer Website betten wir YouTube-Videos ein. Betreiber der
-          entsprechenden Plugins ist die YouTube, LLC, 901 Cherry Ave., San
-          Bruno, CA 94066, USA (nachfolgend „YouTube“). Die YouTube, LLC ist
-          einer Tochtergesellschaft der Google LLC, 1600 Amphitheatre Pkwy,
-          Mountain View, CA 94043, USA (nachfolgend „Google“). Wenn Sie eine
-          Seite mit dem YouTube-Plugin besuchen, wird eine Verbindung zu Servern
-          von YouTube hergestellt. Dabei wird YouTube mitgeteilt, welche Seiten
-          Sie besuchen. Wenn Sie in Ihrem YouTube-Account eingeloggt sind, kann
-          YouTube Ihr Surfverhalten Ihnen persönlich zuzuordnen. Dies verhindern
-          Sie, indem Sie sich vorher aus Ihrem YouTube-Account ausloggen.{" "}
-        </p>
-        <p>
-          Wird ein YouTube-Video gestartet, setzt der Anbieter Cookies ein, die
-          Hinweise über das Nutzerverhalten sammeln.{" "}
-        </p>
-        <p>
-          Weitere Informationen zu Zweck und Umfang der Datenerhebung und ihrer
-          Verarbeitung durch YouTube erhalten Sie in den Datenschutzerklärungen
-          des Anbieters, Dort erhalten Sie auch weitere Informationen zu Ihren
-          diesbezüglichen Rechten und Einstellungsmöglichkeiten zum Schutze
-          Ihrer Privatsphäre (
-          <a href="https://policies.google.com/privacy" rel="noreferrer">
-            https://policies.google.com/privacy
-          </a>
-          ).{" "}
-        </p>
-        <h3>Widerruf der Einwilligung:</h3>
-        <p>
-          Vom Anbieter wird derzeit keine Möglichkeit für einen einfachen
-          Opt-out oder ein Blockieren der Datenübertragung angeboten. Wenn Sie
-          eine Nachverfolgung Ihrer Aktivitäten auf unserer Website verhindern
-          wollen, widerrufen Sie bitte im Cookie-Consent-Tool Ihre Einwilligung
-          für die entsprechende Cookie-Kategorie oder alle technisch nicht
-          notwendigen Cookies und Datenübertragungen. In diesem Fall können Sie
-          unsere Website jedoch ggfs. nicht oder nur eingeschränkt nutzen.
-        </p>
-        <p />
-
-        <h2>SSL-Verschlüsselung</h2>
-        <p>
-          Um die Sicherheit Ihrer Daten bei der Übertragung zu schützen,
-          verwenden wir dem aktuellen Stand der Technik entsprechende
-          Verschlüsselungsverfahren (z. B. SSL) über HTTPS.
-        </p>
-        <p />
-        <hr />
-        <h2>Information über Ihr Widerspruchsrecht nach Art. 21 DSGVO</h2>
-        <h3>Einzelfallbezogenes Widerspruchsrecht</h3>
-        <p>
-          Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen
-          Situation ergeben, jederzeit gegen die Verarbeitung Sie betreffender
-          personenbezogener Daten, die aufgrund Art. 6 Abs. 1 lit. f DSGVO
-          (Datenverarbeitung auf der Grundlage einer Interessenabwägung)
-          erfolgt, Widerspruch einzulegen; dies gilt auch für ein auf diese
-          Bestimmung gestütztes Profiling im Sinne von Art. 4 Nr. 4 DSGVO.
-        </p>
-        <p>
-          Legen Sie Widerspruch ein, werden wir Ihre personenbezogenen Daten
-          nicht mehr verarbeiten, es sei denn, wir können zwingende
-          schutzwürdige Gründe für die Verarbeitung nachweisen, die Ihre
-          Interessen, Rechte und Freiheiten überwiegen, oder die Verarbeitung
-          dient der Geltendmachung, Ausübung oder Verteidigung von
-          Rechtsansprüchen.
-        </p>
-        <h3>Empfänger eines Widerspruchs</h3>
-        <p>
-          Joschua Kreimer
-          <br />
-          c/o nexserv GmbH
-          <br />
-          Dießemer Bruch 112c
-          <br />
-          47805 Krefeld
-          <br />
-          Deutschland
-        </p>
-        <hr />
-        <h2>Änderung unserer Datenschutzbestimmungen</h2>
-        <p>
-          Wir behalten uns vor, diese Datenschutzerklärung anzupassen, damit sie
-          stets den aktuellen rechtlichen Anforderungen entspricht oder um
-          Änderungen unserer Leistungen in der Datenschutzerklärung umzusetzen,
-          z.B. bei der Einführung neuer Services. Für Ihren erneuten Besuch gilt
-          dann die neue Datenschutzerklärung.
-        </p>
-        <h2>Fragen an den Datenschutzbeauftragten</h2>
-        <p>
-          Wenn Sie Fragen zum Datenschutz haben, schreiben Sie uns bitte eine
-          E-Mail oder wenden Sie sich direkt an die für den Datenschutz
-          verantwortliche Person in unserer Organisation:
-        </p>
-        <p>
-          E-Mail:{" "}
-          <a href="mailto:dataprotection@cloudnetservice.eu">
-            dataprotection@cloudnetservice.eu
-          </a>
-        </p>
-        <p>
-          <em>
-            Die Datenschutzerklärung wurde mithilfe der activeMind AG erstellt,
-            den Experten für{" "}
-            <a
-              href="https://www.activemind.de/datenschutz/datenschutzbeauftragter/"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              externe Datenschutzbeauftragte
-            </a>{" "}
-            (Version #2020-09-30).
-          </em>
-        </p>
-      </main>
-    </Layout>
-  );
-}
-
-export default Home;
diff --git a/src/pages/privacy.tsx b/src/pages/privacy.tsx
new file mode 100644
index 0000000..e62eb1a
--- /dev/null
+++ b/src/pages/privacy.tsx
@@ -0,0 +1,384 @@
+import React from "react";
+import clsx from "clsx";
+import Layout from "@theme/Layout";
+import styles from "./styles.module.css";
+
+function Home() {
+    return (
+        <Layout title={`Datenschutzerklärung`}>
+            <main className={clsx("container", styles.legalText)}>
+                <h1>Datenschutzerklärung</h1>
+                <p>
+                    Verantwortlicher im Sinne der Datenschutzgesetze, insbesondere der
+                    EU-Datenschutzgrundverordnung (DSGVO), ist:
+                </p>
+                <p>
+                    Joschua Kreimer
+                    <br />
+                    c/o nexserv GmbH
+                    <br />
+                    Dießemer Bruch 112c
+                    <br />
+                    47805 Krefeld
+                    <br />
+                    Deutschland
+                </p>
+                <h2>Ihre Betroffenenrechte</h2>
+                <p>
+                    Unter den angegebenen Kontaktdaten unseres Datenschutzbeauftragten
+                    können Sie jederzeit folgende Rechte ausüben:
+                </p>
+                <ul>
+                    <li>
+                        Auskunft über Ihre bei uns gespeicherten Daten und deren
+                        Verarbeitung (Art. 15 DSGVO),
+                    </li>
+                    <li>
+                        Berichtigung unrichtiger personenbezogener Daten (Art. 16 DSGVO),
+                    </li>
+                    <li>Löschung Ihrer bei uns gespeicherten Daten (Art. 17 DSGVO),</li>
+                    <li>
+                        Einschränkung der Datenverarbeitung, sofern wir Ihre Daten aufgrund
+                        gesetzlicher Pflichten noch nicht löschen dürfen (Art. 18 DSGVO),
+                    </li>
+                    <li>
+                        Widerspruch gegen die Verarbeitung Ihrer Daten bei uns (Art. 21
+                        DSGVO) und
+                    </li>
+                    <li>
+                        Datenübertragbarkeit, sofern Sie in die Datenverarbeitung
+                        eingewilligt haben oder einen Vertrag mit uns abgeschlossen haben
+                        (Art. 20 DSGVO).
+                    </li>
+                </ul>
+                <p>
+                    Sofern Sie uns eine Einwilligung erteilt haben, können Sie diese
+                    jederzeit mit Wirkung für die Zukunft widerrufen.
+                </p>
+                <p>
+                    Sie können sich jederzeit mit einer Beschwerde an eine
+                    Aufsichtsbehörde wenden, z. B. an die zuständige Aufsichtsbehörde des
+                    Bundeslands Ihres Wohnsitzes oder an die für uns als verantwortliche
+                    Stelle zuständige Behörde.
+                </p>
+                <p>
+                    Eine Liste der Aufsichtsbehörden (für den nichtöffentlichen Bereich)
+                    mit Anschrift finden Sie unter:{" "}
+                    <a
+                        href="https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html"
+                        target="_blank"
+                        rel="nofollow noopener noreferrer"
+                    >
+                        https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html
+                    </a>
+                    .
+                </p>
+                <p />
+
+                <h2>Erfassung allgemeiner Informationen beim Besuch unserer Website</h2>
+                <h3>Art und Zweck der Verarbeitung:</h3>
+                <p>
+                    Wenn Sie auf unsere Website zugreifen, d.h., wenn Sie sich nicht
+                    registrieren oder anderweitig Informationen übermitteln, werden
+                    automatisch Informationen allgemeiner Natur erfasst. Diese
+                    Informationen (Server-Logfiles) beinhalten etwa die Art des
+                    Webbrowsers, das verwendete Betriebssystem, den Domainnamen Ihres
+                    Internet-Service-Providers, Ihre IP-Adresse und ähnliches.{" "}
+                </p>
+                <p>Sie werden insbesondere zu folgenden Zwecken verarbeitet:</p>
+                <ul>
+                    <li>
+                        Sicherstellung eines problemlosen Verbindungsaufbaus der Website,
+                    </li>
+                    <li>Sicherstellung einer reibungslosen Nutzung unserer Website,</li>
+                    <li>Auswertung der Systemsicherheit und -stabilität sowie</li>
+                    <li>zur Optimierung unserer Website.</li>
+                </ul>
+                <p>
+                    Wir verwenden Ihre Daten nicht, um Rückschlüsse auf Ihre Person zu
+                    ziehen. Informationen dieser Art werden von uns ggfs. anonymisiert
+                    statistisch ausgewertet, um unseren Internetauftritt und die
+                    dahinterstehende Technik zu optimieren.{" "}
+                </p>
+                <h3>Rechtsgrundlage und berechtigtes Interesse:</h3>
+                <p>
+                    Die Verarbeitung erfolgt gemäß Art. 6 Abs. 1 lit. f DSGVO auf Basis
+                    unseres berechtigten Interesses an der Verbesserung der Stabilität und
+                    Funktionalität unserer Website.
+                </p>
+                <h3>Empfänger:</h3>
+                <p>
+                    Empfänger der Daten sind ggf. technische Dienstleister, die für den
+                    Betrieb und die Wartung unserer Webseite als Auftragsverarbeiter tätig
+                    werden.
+                </p>
+                <p />
+                <h3>Speicherdauer:</h3>
+                <p>
+                    Die Daten werden gelöscht, sobald diese für den Zweck der Erhebung
+                    nicht mehr erforderlich sind. Dies ist für die Daten, die der
+                    Bereitstellung der Website dienen, grundsätzlich der Fall, wenn die
+                    jeweilige Sitzung beendet ist.{" "}
+                </p>
+                <p>
+                    {" "}
+                    Im Falle der Speicherung der Daten in Logfiles ist dies nach
+                    spätestens 14 Tagen der Fall. Eine darüberhinausgehende Speicherung
+                    ist möglich. In diesem Fall werden die IP-Adressen der Nutzer
+                    anonymisiert, sodass eine Zuordnung des aufrufenden Clients nicht mehr
+                    möglich ist.
+                </p>
+                <p />
+                <h3>Bereitstellung vorgeschrieben oder erforderlich:</h3>
+                <p>
+                    Die Bereitstellung der vorgenannten personenbezogenen Daten ist weder
+                    gesetzlich noch vertraglich vorgeschrieben. Ohne die IP-Adresse ist
+                    jedoch der Dienst und die Funktionsfähigkeit unserer Website nicht
+                    gewährleistet. Zudem können einzelne Dienste und Services nicht
+                    verfügbar oder eingeschränkt sein. Aus diesem Grund ist ein
+                    Widerspruch ausgeschlossen.{" "}
+                </p>
+                <p />
+
+                <h2>Cookies</h2>
+                <p>
+                    Wie viele andere Webseiten verwenden wir auch so genannte „Cookies“.
+                    Bei Cookies handelt es sich um kleine Textdateien, die auf Ihrem
+                    Endgerät (Laptop, Tablet, Smartphone o.ä.) gespeichert werden, wenn
+                    Sie unsere Webseite besuchen.{" "}
+                </p>
+                <p>
+                    Sie können Sie einzelne Cookies oder den gesamten Cookie-Bestand
+                    löschen. Darüber hinaus erhalten Sie Informationen und Anleitungen,
+                    wie diese Cookies gelöscht oder deren Speicherung vorab blockiert
+                    werden können. Je nach Anbieter Ihres Browsers finden Sie die
+                    notwendigen Informationen unter den nachfolgenden Links:
+                </p>
+                <ul>
+                    <li>
+                        Mozilla Firefox:{" "}
+                        <a
+                            href="https://support.mozilla.org/de/kb/cookies-loeschen-daten-von-websites-entfernen"
+                            target="_blank"
+                            rel="nofollow noopener noreferrer"
+                        >
+                            https://support.mozilla.org/de/kb/cookies-loeschen-daten-von-websites-entfernen
+                        </a>
+                    </li>
+                    <li>
+                        Internet Explorer:{" "}
+                        <a
+                            href="https://support.microsoft.com/de-de/help/17442/windows-internet-explorer-delete-manage-cookies"
+                            target="_blank"
+                            rel="nofollow noopener noreferrer"
+                        >
+                            https://support.microsoft.com/de-de/help/17442/windows-internet-explorer-delete-manage-cookies
+                        </a>
+                    </li>
+                    <li>
+                        Google Chrome:{" "}
+                        <a
+                            href="https://support.google.com/accounts/answer/61416?hl=de"
+                            target="_blank"
+                            rel="nofollow noopener noreferrer"
+                        >
+                            https://support.google.com/accounts/answer/61416?hl=de
+                        </a>
+                    </li>
+                    <li>
+                        Opera:{" "}
+                        <a
+                            href="https://www.opera.com/de/help"
+                            target="_blank"
+                            rel="nofollow noopener noreferrer"
+                        >
+                            https://www.opera.com/de/help
+                        </a>
+                    </li>
+                    <li>
+                        Safari:{" "}
+                        <a
+                            href="https://support.apple.com/kb/PH17191?locale=de_DE&viewlocale=de_DE"
+                            target="_blank"
+                            rel="nofollow noopener noreferrer"
+                        >
+                            https://support.apple.com/kb/PH17191?locale=de_DE&viewlocale=de_DE
+                        </a>
+                    </li>
+                </ul>
+                <h3>Speicherdauer und eingesetzte Cookies:</h3>
+                <p>
+                    Soweit Sie uns durch Ihre Browsereinstellungen oder Zustimmung die
+                    Verwendung von Cookies erlauben, können folgende Cookies auf unseren
+                    Webseiten zum Einsatz kommen:
+                </p>
+                <ul>
+                    <li>theme</li>
+                </ul>
+
+                <h2>Technisch notwendige Cookies </h2>
+                <h3>Art und Zweck der Verarbeitung: </h3>
+                <p>
+                    Wir setzen Cookies ein, um unsere Website nutzerfreundlicher zu
+                    gestalten. Einige Elemente unserer Internetseite erfordern es, dass
+                    der aufrufende Browser auch nach einem Seitenwechsel identifiziert
+                    werden kann.
+                </p>
+                <p>
+                    Der Zweck der Verwendung technisch notwendiger Cookies ist, die
+                    Nutzung von Websites für die Nutzer zu vereinfachen. Einige Funktionen
+                    unserer Internetseite können ohne den Einsatz von Cookies nicht
+                    angeboten werden. Für diese ist es erforderlich, dass der Browser auch
+                    nach einem Seitenwechsel wiedererkannt wird.
+                </p>
+                <p>Für folgende Anwendungen benötigen wir Cookies:</p>
+                <ul>
+                    <li>Übernahme von Designeinstellungen</li>
+                </ul>
+                <h3>Rechtsgrundlage und berechtigtes Interesse: </h3>
+                <p>
+                    Die Verarbeitung erfolgt gemäß Art. 6 Abs. 1 lit. f DSGVO auf Basis
+                    unseres berechtigten Interesses an einer nutzerfreundlichen Gestaltung
+                    unserer Website.
+                </p>
+                <h3>Empfänger: </h3>
+                <p>
+                    Empfänger der Daten sind ggf. technische Dienstleister, die für den
+                    Betrieb und die Wartung unserer Website als Auftragsverarbeiter tätig
+                    werden.
+                </p>
+                <p />
+                <h3>Bereitstellung vorgeschrieben oder erforderlich:</h3>
+                <p>
+                    Die Bereitstellung der vorgenannten personenbezogenen Daten ist weder
+                    gesetzlich noch vertraglich vorgeschrieben. Ohne diese Daten ist
+                    jedoch der Dienst und die Funktionsfähigkeit unserer Website nicht
+                    gewährleistet. Zudem können einzelne Dienste und Services nicht
+                    verfügbar oder eingeschränkt sein.
+                </p>
+                <h3>Widerspruch</h3>
+                <p>
+                    Lesen Sie dazu die Informationen über Ihr Widerspruchsrecht nach Art.
+                    21 DSGVO weiter unten.
+                </p>
+                <p />
+
+                <h2>Eingebettete YouTube-Videos</h2>
+                <p>
+                    Auf unserer Website betten wir YouTube-Videos ein. Betreiber der
+                    entsprechenden Plugins ist die YouTube, LLC, 901 Cherry Ave., San
+                    Bruno, CA 94066, USA (nachfolgend „YouTube“). Die YouTube, LLC ist
+                    einer Tochtergesellschaft der Google LLC, 1600 Amphitheatre Pkwy,
+                    Mountain View, CA 94043, USA (nachfolgend „Google“). Wenn Sie eine
+                    Seite mit dem YouTube-Plugin besuchen, wird eine Verbindung zu Servern
+                    von YouTube hergestellt. Dabei wird YouTube mitgeteilt, welche Seiten
+                    Sie besuchen. Wenn Sie in Ihrem YouTube-Account eingeloggt sind, kann
+                    YouTube Ihr Surfverhalten Ihnen persönlich zuzuordnen. Dies verhindern
+                    Sie, indem Sie sich vorher aus Ihrem YouTube-Account ausloggen.{" "}
+                </p>
+                <p>
+                    Wird ein YouTube-Video gestartet, setzt der Anbieter Cookies ein, die
+                    Hinweise über das Nutzerverhalten sammeln.{" "}
+                </p>
+                <p>
+                    Weitere Informationen zu Zweck und Umfang der Datenerhebung und ihrer
+                    Verarbeitung durch YouTube erhalten Sie in den Datenschutzerklärungen
+                    des Anbieters, Dort erhalten Sie auch weitere Informationen zu Ihren
+                    diesbezüglichen Rechten und Einstellungsmöglichkeiten zum Schutze
+                    Ihrer Privatsphäre (
+                    <a href="https://policies.google.com/privacy" rel="noreferrer">
+                        https://policies.google.com/privacy
+                    </a>
+                    ).{" "}
+                </p>
+                <h3>Widerruf der Einwilligung:</h3>
+                <p>
+                    Vom Anbieter wird derzeit keine Möglichkeit für einen einfachen
+                    Opt-out oder ein Blockieren der Datenübertragung angeboten. Wenn Sie
+                    eine Nachverfolgung Ihrer Aktivitäten auf unserer Website verhindern
+                    wollen, widerrufen Sie bitte im Cookie-Consent-Tool Ihre Einwilligung
+                    für die entsprechende Cookie-Kategorie oder alle technisch nicht
+                    notwendigen Cookies und Datenübertragungen. In diesem Fall können Sie
+                    unsere Website jedoch ggfs. nicht oder nur eingeschränkt nutzen.
+                </p>
+                <p />
+
+                <h2>SSL-Verschlüsselung</h2>
+                <p>
+                    Um die Sicherheit Ihrer Daten bei der Übertragung zu schützen,
+                    verwenden wir dem aktuellen Stand der Technik entsprechende
+                    Verschlüsselungsverfahren (z. B. SSL) über HTTPS.
+                </p>
+                <p />
+                <hr />
+                <h2>Information über Ihr Widerspruchsrecht nach Art. 21 DSGVO</h2>
+                <h3>Einzelfallbezogenes Widerspruchsrecht</h3>
+                <p>
+                    Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen
+                    Situation ergeben, jederzeit gegen die Verarbeitung Sie betreffender
+                    personenbezogener Daten, die aufgrund Art. 6 Abs. 1 lit. f DSGVO
+                    (Datenverarbeitung auf der Grundlage einer Interessenabwägung)
+                    erfolgt, Widerspruch einzulegen; dies gilt auch für ein auf diese
+                    Bestimmung gestütztes Profiling im Sinne von Art. 4 Nr. 4 DSGVO.
+                </p>
+                <p>
+                    Legen Sie Widerspruch ein, werden wir Ihre personenbezogenen Daten
+                    nicht mehr verarbeiten, es sei denn, wir können zwingende
+                    schutzwürdige Gründe für die Verarbeitung nachweisen, die Ihre
+                    Interessen, Rechte und Freiheiten überwiegen, oder die Verarbeitung
+                    dient der Geltendmachung, Ausübung oder Verteidigung von
+                    Rechtsansprüchen.
+                </p>
+                <h3>Empfänger eines Widerspruchs</h3>
+                <p>
+                    Joschua Kreimer
+                    <br />
+                    c/o nexserv GmbH
+                    <br />
+                    Dießemer Bruch 112c
+                    <br />
+                    47805 Krefeld
+                    <br />
+                    Deutschland
+                </p>
+                <hr />
+                <h2>Änderung unserer Datenschutzbestimmungen</h2>
+                <p>
+                    Wir behalten uns vor, diese Datenschutzerklärung anzupassen, damit sie
+                    stets den aktuellen rechtlichen Anforderungen entspricht oder um
+                    Änderungen unserer Leistungen in der Datenschutzerklärung umzusetzen,
+                    z.B. bei der Einführung neuer Services. Für Ihren erneuten Besuch gilt
+                    dann die neue Datenschutzerklärung.
+                </p>
+                <h2>Fragen an den Datenschutzbeauftragten</h2>
+                <p>
+                    Wenn Sie Fragen zum Datenschutz haben, schreiben Sie uns bitte eine
+                    E-Mail oder wenden Sie sich direkt an die für den Datenschutz
+                    verantwortliche Person in unserer Organisation:
+                </p>
+                <p>
+                    E-Mail:{" "}
+                    <a href="mailto:dataprotection@cloudnetservice.eu">
+                        dataprotection@cloudnetservice.eu
+                    </a>
+                </p>
+                <p>
+                    <em>
+                        Die Datenschutzerklärung wurde mithilfe der activeMind AG erstellt,
+                        den Experten für{" "}
+                        <a
+                            href="https://www.activemind.de/datenschutz/datenschutzbeauftragter/"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                        >
+                            externe Datenschutzbeauftragte
+                        </a>{" "}
+                        (Version #2020-09-30).
+                    </em>
+                </p>
+            </main>
+        </Layout>
+    );
+}
+
+export default Home;
diff --git a/yarn.lock b/yarn.lock
index ea26cd9..177dd7f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1577,7 +1577,7 @@
     "@emotion/weak-memoize" "^0.2.5"
     hoist-non-react-statics "^3.3.1"
 
-"@emotion/serialize@^1.0.2":
+"@emotion/serialize@^1.0.0", "@emotion/serialize@^1.0.2":
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.2.tgz#77cb21a0571c9f68eb66087754a65fa97bfcd965"
   integrity sha512-95MgNJ9+/ajxU7QIAruiOAdYNjxZX7G2mhgrtDWswA21VviYIRP1R5QilZ/bDY42xiKsaktP4egJb3QdYQZi1A==
@@ -2042,6 +2042,13 @@
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df"
   integrity sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==
 
+"@types/react-dom@*":
+  version "17.0.9"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.9.tgz#441a981da9d7be117042e1a6fd3dac4b30f55add"
+  integrity sha512-wIvGxLfgpVDSAMH5utdL9Ngm5Owu0VsGmldro3ORLXV8CShrL8awVj06NuEXFQ5xyaYfdca7Sgbk/50Ri1GdPg==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-helmet@^6.1.2":
   version "6.1.2"
   resolved "https://registry.yarnpkg.com/@types/react-helmet/-/react-helmet-6.1.2.tgz#e9d7d16b29e4ec5716711c52c35c3cec45819eac"
@@ -2066,7 +2073,17 @@
     "@types/history" "*"
     "@types/react" "*"
 
-"@types/react-transition-group@^4.2.0":
+"@types/react-select@^4.0.17":
+  version "4.0.17"
+  resolved "https://registry.yarnpkg.com/@types/react-select/-/react-select-4.0.17.tgz#2e5ab4042c09c988bfc2711550329b0c3c9f8513"
+  integrity sha512-ZK5wcBhJaqC8ntQl0CJvK2KXNNsk1k5flM7jO+vNPPlceRzdJQazA6zTtQUyNr6exp5yrAiwiudtYxgGlgGHLg==
+  dependencies:
+    "@emotion/serialize" "^1.0.0"
+    "@types/react" "*"
+    "@types/react-dom" "*"
+    "@types/react-transition-group" "*"
+
+"@types/react-transition-group@*", "@types/react-transition-group@^4.2.0":
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.2.tgz#38890fd9db68bf1f2252b99a942998dc7877c5b3"
   integrity sha512-KibDWL6nshuOJ0fu8ll7QnV/LVTo3PzQ9aCPnRUYPfX7eZohHwLIdNHj7pftanREzHNP4/nJa8oeM73uSiavMQ==

From 97e29392ef5ae6b170e21260597fbe9c13cff320 Mon Sep 17 00:00:00 2001
From: byRoadrunner <byRoadrunner@cloudnetservice.eu>
Date: Sat, 24 Jul 2021 13:30:32 +0200
Subject: [PATCH 3/6] Added Typescript support for ESLint

---
 .eslintrc.json             |   7 ++-
 .github/workflows/yarn.yml |   4 +-
 package.json               |   6 ++-
 yarn.lock                  | 105 +++++++++++++++++++++++++++++++++----
 4 files changed, 106 insertions(+), 16 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index bb78eaa..214df0d 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -13,6 +13,11 @@
       "files": [".mdx", ".md"],
       "parser": "eslint-mdx",
       "extends": "plugin:mdx/recommended"
+    },
+    {
+      "files": [".tsx", ".ts"],
+      "parser": "eslint-mdx",
+      "extends": "plugin:@typescript-eslint/recommended"
     }
   ],
   "parserOptions": {
@@ -25,6 +30,6 @@
     },
     "mdx/code-blocks": true
   },
-  "plugins": [],
+  "plugins": ["@typescript-eslint", "react"],
   "rules": {}
 }
diff --git a/.github/workflows/yarn.yml b/.github/workflows/yarn.yml
index 96cd947..a6824fd 100644
--- a/.github/workflows/yarn.yml
+++ b/.github/workflows/yarn.yml
@@ -22,9 +22,9 @@ jobs:
         uses: wearerequired/lint-action@v1
         with:
           eslint: true
-          eslint_extensions: js,jsx,md,mdx
+          eslint_extensions: js,jsx,md,mdx,ts,tsx
           prettier: true
-          prettier_extensions: js,jsx,css,md,mdx
+          prettier_extensions: js,jsx,css,md,mdx,ts,tsx
           neutral_check_on_warning: true
       - name: Sync translations
         env:
diff --git a/package.json b/package.json
index dbf31a7..c9fcd13 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "write-translations": "docusaurus write-translations",
     "write-heading-ids": "docusaurus write-heading-ids",
     "crowdin:sync": "docusaurus write-translations && crowdin upload && crowdin download",
-    "test:lint": "eslint . --ext js,jsx,md,mdx",
+    "test:lint": "eslint . --ext js,jsx,md,mdx,ts,tsx",
     "test:style": "prettier --check .",
     "test": "yarn run test:lint && yarn run test:style"
   },
@@ -40,7 +40,9 @@
     "@types/react-helmet": "^6.1.2",
     "@types/react-router-dom": "^5.1.8",
     "@types/react-select": "^4.0.17",
-    "eslint": "^7.30.0",
+    "@typescript-eslint/eslint-plugin": "^4.28.4",
+    "@typescript-eslint/parser": "^4.28.4",
+    "eslint": "^7.31.0",
     "eslint-config-prettier": "8.3.0",
     "eslint-plugin-mdx": "^1.14.1",
     "eslint-plugin-react": "^7.24.0",
diff --git a/yarn.lock b/yarn.lock
index 177dd7f..ad4a41d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1608,10 +1608,10 @@
   resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46"
   integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==
 
-"@eslint/eslintrc@^0.4.2":
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.2.tgz#f63d0ef06f5c0c57d76c4ab5f63d3835c51b0179"
-  integrity sha512-8nmGq/4ycLpIwzvhI4tNDmQztZ8sp+hI7cyG8i1nQDhkAbRzHpXPidRAHlNvCZQpJTKw5ItIpMw9RSToGF00mg==
+"@eslint/eslintrc@^0.4.3":
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
+  integrity sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==
   dependencies:
     ajv "^6.12.4"
     debug "^4.1.1"
@@ -2116,6 +2116,75 @@
   resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.5.tgz#fdd299f23205c3455af88ce618dd65c14cb73e22"
   integrity sha512-wnra4Vw9dopnuybR6HBywJ/URYpYrKLoepBTEtgfJup8Ahoi2zJECPP2cwiXp7btTvOT2CULv87aQRA4eZSP6g==
 
+"@typescript-eslint/eslint-plugin@^4.28.4":
+  version "4.28.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.28.4.tgz#e73c8cabbf3f08dee0e1bda65ed4e622ae8f8921"
+  integrity sha512-s1oY4RmYDlWMlcV0kKPBaADn46JirZzvvH7c2CtAqxCY96S538JRBAzt83RrfkDheV/+G/vWNK0zek+8TB3Gmw==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "4.28.4"
+    "@typescript-eslint/scope-manager" "4.28.4"
+    debug "^4.3.1"
+    functional-red-black-tree "^1.0.1"
+    regexpp "^3.1.0"
+    semver "^7.3.5"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/experimental-utils@4.28.4":
+  version "4.28.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.28.4.tgz#9c70c35ebed087a5c70fb0ecd90979547b7fec96"
+  integrity sha512-OglKWOQRWTCoqMSy6pm/kpinEIgdcXYceIcH3EKWUl4S8xhFtN34GQRaAvTIZB9DD94rW7d/U7tUg3SYeDFNHA==
+  dependencies:
+    "@types/json-schema" "^7.0.7"
+    "@typescript-eslint/scope-manager" "4.28.4"
+    "@typescript-eslint/types" "4.28.4"
+    "@typescript-eslint/typescript-estree" "4.28.4"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+
+"@typescript-eslint/parser@^4.28.4":
+  version "4.28.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.28.4.tgz#bc462dc2779afeefdcf49082516afdc3e7b96fab"
+  integrity sha512-4i0jq3C6n+og7/uCHiE6q5ssw87zVdpUj1k6VlVYMonE3ILdFApEzTWgppSRG4kVNB/5jxnH+gTeKLMNfUelQA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "4.28.4"
+    "@typescript-eslint/types" "4.28.4"
+    "@typescript-eslint/typescript-estree" "4.28.4"
+    debug "^4.3.1"
+
+"@typescript-eslint/scope-manager@4.28.4":
+  version "4.28.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.28.4.tgz#bdbce9b6a644e34f767bd68bc17bb14353b9fe7f"
+  integrity sha512-ZJBNs4usViOmlyFMt9X9l+X0WAFcDH7EdSArGqpldXu7aeZxDAuAzHiMAeI+JpSefY2INHrXeqnha39FVqXb8w==
+  dependencies:
+    "@typescript-eslint/types" "4.28.4"
+    "@typescript-eslint/visitor-keys" "4.28.4"
+
+"@typescript-eslint/types@4.28.4":
+  version "4.28.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.28.4.tgz#41acbd79b5816b7c0dd7530a43d97d020d3aeb42"
+  integrity sha512-3eap4QWxGqkYuEmVebUGULMskR6Cuoc/Wii0oSOddleP4EGx1tjLnZQ0ZP33YRoMDCs5O3j56RBV4g14T4jvww==
+
+"@typescript-eslint/typescript-estree@4.28.4":
+  version "4.28.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.28.4.tgz#252e6863278dc0727244be9e371eb35241c46d00"
+  integrity sha512-z7d8HK8XvCRyN2SNp+OXC2iZaF+O2BTquGhEYLKLx5k6p0r05ureUtgEfo5f6anLkhCxdHtCf6rPM1p4efHYDQ==
+  dependencies:
+    "@typescript-eslint/types" "4.28.4"
+    "@typescript-eslint/visitor-keys" "4.28.4"
+    debug "^4.3.1"
+    globby "^11.0.3"
+    is-glob "^4.0.1"
+    semver "^7.3.5"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/visitor-keys@4.28.4":
+  version "4.28.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.28.4.tgz#92dacfefccd6751cbb0a964f06683bfd72d0c4d3"
+  integrity sha512-NIAXAdbz1XdOuzqkJHjNKXKj8QQ4cv5cxR/g0uQhCYf/6//XrmfpaYsM7PnBcNbfvTDLUkqQ5TPNm1sozDdTWg==
+  dependencies:
+    "@typescript-eslint/types" "4.28.4"
+    eslint-visitor-keys "^2.0.0"
+
 "@webassemblyjs/ast@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
@@ -3552,7 +3621,7 @@ debug@^3.1.1, debug@^3.2.6:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
+debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
   integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
@@ -4088,6 +4157,13 @@ eslint-utils@^2.1.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
+eslint-utils@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
+  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
+  dependencies:
+    eslint-visitor-keys "^2.0.0"
+
 eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
@@ -4098,13 +4174,13 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint@^7.30.0:
-  version "7.30.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.30.0.tgz#6d34ab51aaa56112fd97166226c9a97f505474f8"
-  integrity sha512-VLqz80i3as3NdloY44BQSJpFw534L9Oh+6zJOUaViV4JPd+DaHwutqP7tcpkW3YiXbK6s05RZl7yl7cQn+lijg==
+eslint@^7.31.0:
+  version "7.31.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.31.0.tgz#f972b539424bf2604907a970860732c5d99d3aca"
+  integrity sha512-vafgJpSh2ia8tnTkNUkwxGmnumgckLh5aAbLa1xRmIn9+owi8qBNGKL+B881kNKNTy7FFqTEkpNkUvmw0n6PkA==
   dependencies:
     "@babel/code-frame" "7.12.11"
-    "@eslint/eslintrc" "^0.4.2"
+    "@eslint/eslintrc" "^0.4.3"
     "@humanwhocodes/config-array" "^0.5.0"
     ajv "^6.10.0"
     chalk "^4.0.0"
@@ -8994,7 +9070,7 @@ ts-essentials@^2.0.3:
   resolved "https://registry.yarnpkg.com/ts-essentials/-/ts-essentials-2.0.12.tgz#c9303f3d74f75fa7528c3d49b80e089ab09d8745"
   integrity sha512-3IVX4nI6B5cc31/GFFE+i8ey/N2eA0CZDbo6n0yrz0zDX8ZJ8djmU1p+XRz7G3is0F3bB3pu2pAroFdAWQKU3w==
 
-tslib@^1.9.0:
+tslib@^1.8.1, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
@@ -9004,6 +9080,13 @@ tslib@^2.0.3, tslib@^2.1.0, tslib@^2.2.0, tslib@^2.3.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
   integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
 
+tsutils@^3.21.0:
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+  dependencies:
+    tslib "^1.8.1"
+
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"

From 5e66190e82f41320514ff3f06847f130a1dbedf4 Mon Sep 17 00:00:00 2001
From: Sarsum <33085157+Sarsum@users.noreply.github.com>
Date: Sat, 24 Jul 2021 13:36:11 +0200
Subject: [PATCH 4/6] Fixed eslint and prettier warnings

---
 src/js/_dependencyDownload.tsx | 693 +++++++++++++++---------------
 src/pages/imprint.tsx          | 214 +++++-----
 src/pages/index.tsx            | 258 ++++++------
 src/pages/privacy.tsx          | 740 ++++++++++++++++-----------------
 tsconfig.json                  |   2 +-
 5 files changed, 961 insertions(+), 946 deletions(-)

diff --git a/src/js/_dependencyDownload.tsx b/src/js/_dependencyDownload.tsx
index 0467c7c..41392a1 100644
--- a/src/js/_dependencyDownload.tsx
+++ b/src/js/_dependencyDownload.tsx
@@ -1,370 +1,385 @@
 import React from "react";
 import clsx from "clsx";
 import styles from "../css/styles.module.css";
-import ReactSelect, {GroupTypeBase} from 'react-select';
+import ReactSelect, { GroupTypeBase } from "react-select";
 import Select from "react-select/base";
 import StateManager from "react-select";
 
 function DependencyDownload() {
-    const [dependencyName, setDependencyName] = React.useState(
-        dependencies[0].name
+  const [dependencyName, setDependencyName] = React.useState(
+    dependencies[0].name
+  );
+  const [versionName, setVersionName] = React.useState(
+    dependencies[0].currentVersion
+  );
+  const [versions, setVersions] = React.useState(getVersions(dependencies[0]));
+  const [downloadURL, setDownloadURL] = React.useState(() => {
+    let defaultDependency = dependencies[0];
+    let defaultVersion = defaultDependency.versions.find(
+      (version) => version.version === defaultDependency.currentVersion
     );
-    const [versionName, setVersionName] = React.useState(
-        dependencies[0].currentVersion
-    );
-    const [versions, setVersions] = React.useState(getVersions(dependencies[0]));
-    const [downloadURL, setDownloadURL] = React.useState(() => {
-        let defaultDependency = dependencies[0];
-        let defaultVersion = defaultDependency.versions.find(
-            (version) => version.version === defaultDependency.currentVersion
-        );
-        return getDownloadURL(defaultVersion);
-    });
-    let versionsRef = React.createRef<StateManager<{ value: string; label: string; }, false, GroupTypeBase<{ value: string; label: string; }>, Select<{ value: string; label: string; }, false, GroupTypeBase<{ value: string; label: string; }>>>>();
+    return getDownloadURL(defaultVersion);
+  });
+  let versionsRef =
+    React.createRef<
+      StateManager<
+        { value: string; label: string },
+        false,
+        GroupTypeBase<{ value: string; label: string }>,
+        Select<
+          { value: string; label: string },
+          false,
+          GroupTypeBase<{ value: string; label: string }>
+        >
+      >
+    >();
 
-    function getVersions(dependency: Dependency) {
-        return dependency.versions.map((version) => {
-            return { value: version.version, label: version.version };
-        });
-    }
+  function getVersions(dependency: Dependency) {
+    return dependency.versions.map((version) => {
+      return { value: version.version, label: version.version };
+    });
+  }
 
-    function getDownloadURL(version: DependencyVersion): string {
-        let templateURL = releaseTypes.find(
-            (releaseType) => releaseType.name === version.releaseType
-        ).url;
-        if (!templateURL) {
-            console.error(
-                `ReleaseType ${version.releaseType} of ${version.artifactId}(${version.version}) does not exist!`
-            );
-            return "";
-        }
-        return templateURL
-            .replace(/%groupId%/g, version.groupId)
-            .replace(/%artifactId%/g, version.artifactId)
-            .replace(/%version%/g, version.version);
+  function getDownloadURL(version: DependencyVersion): string {
+    let templateURL = releaseTypes.find(
+      (releaseType) => releaseType.name === version.releaseType
+    ).url;
+    if (!templateURL) {
+      console.error(
+        `ReleaseType ${version.releaseType} of ${version.artifactId}(${version.version}) does not exist!`
+      );
+      return "";
     }
+    return templateURL
+      .replace(/%groupId%/g, version.groupId)
+      .replace(/%artifactId%/g, version.artifactId)
+      .replace(/%version%/g, version.version);
+  }
 
-    function updateDownloadURL(dependency: string, version: string) {
-        let selectedDependency = dependencies.find(
-            (localDependency) => localDependency.name === dependency
-        );
-        let selectedVersion = selectedDependency.versions.find(
-            (localVersion) => localVersion.version === version
-        );
-        setDownloadURL(getDownloadURL(selectedVersion));
-    }
+  function updateDownloadURL(dependency: string, version: string) {
+    let selectedDependency = dependencies.find(
+      (localDependency) => localDependency.name === dependency
+    );
+    let selectedVersion = selectedDependency.versions.find(
+      (localVersion) => localVersion.version === version
+    );
+    setDownloadURL(getDownloadURL(selectedVersion));
+  }
 
-    function handleDependencyChange(newValue) {
-        let selectedDependency = dependencies.find(
-            (dependency) => dependency.name === newValue.value
-        );
-        setDependencyName(selectedDependency.name);
-        setVersions(getVersions(selectedDependency));
-        setVersionName(selectedDependency.currentVersion);
-        versionsRef.current.select.setValue({
-            value: selectedDependency.currentVersion,
-            label: selectedDependency.currentVersion,
-        }, "select-option");
-        updateDownloadURL(
-            selectedDependency.name,
-            selectedDependency.currentVersion
-        );
-    }
+  function handleDependencyChange(newValue) {
+    let selectedDependency = dependencies.find(
+      (dependency) => dependency.name === newValue.value
+    );
+    setDependencyName(selectedDependency.name);
+    setVersions(getVersions(selectedDependency));
+    setVersionName(selectedDependency.currentVersion);
+    versionsRef.current.select.setValue(
+      {
+        value: selectedDependency.currentVersion,
+        label: selectedDependency.currentVersion,
+      },
+      "select-option"
+    );
+    updateDownloadURL(
+      selectedDependency.name,
+      selectedDependency.currentVersion
+    );
+  }
 
-    function handleVersionChange(newValue) {
-        setVersionName(newValue.value);
-        updateDownloadURL(dependencyName, newValue.value);
-    }
+  function handleVersionChange(newValue) {
+    setVersionName(newValue.value);
+    updateDownloadURL(dependencyName, newValue.value);
+  }
 
-    const customTheme = (theme) => ({
-        ...theme,
-        colors: {
-            ...theme.colors,
-            primary: "#1d9ce1",
-            primary75: "rgba(29,156,225,0.95)",
-            primary50: "rgba(29,156,225,0.85)",
-            primary25: "rgba(29,156,225,0.75)",
-            neutral0: "var(--ifm-dropdown-background-color)",
-            neutral5: "var(--ifm-color-emphasis-0)",
-            neutral10: "var(--ifm-color-emphasis-100)",
-            neutral20: "var(--ifm-color-emphasis-200)",
-            neutral30: "var(--ifm-color-emphasis-300)",
-            neutral40: "var(--ifm-color-emphasis-400)",
-            neutral50: "var(--ifm-color-emphasis-500)",
-            neutral60: "var(--ifm-color-emphasis-600)",
-            neutral70: "var(--ifm-color-emphasis-700)",
-            neutral80: "var(--ifm-color-emphasis-800)",
-            neutral90: "var(--ifm-color-emphasis-900)",
-        },
-    });
+  const customTheme = (theme) => ({
+    ...theme,
+    colors: {
+      ...theme.colors,
+      primary: "#1d9ce1",
+      primary75: "rgba(29,156,225,0.95)",
+      primary50: "rgba(29,156,225,0.85)",
+      primary25: "rgba(29,156,225,0.75)",
+      neutral0: "var(--ifm-dropdown-background-color)",
+      neutral5: "var(--ifm-color-emphasis-0)",
+      neutral10: "var(--ifm-color-emphasis-100)",
+      neutral20: "var(--ifm-color-emphasis-200)",
+      neutral30: "var(--ifm-color-emphasis-300)",
+      neutral40: "var(--ifm-color-emphasis-400)",
+      neutral50: "var(--ifm-color-emphasis-500)",
+      neutral60: "var(--ifm-color-emphasis-600)",
+      neutral70: "var(--ifm-color-emphasis-700)",
+      neutral80: "var(--ifm-color-emphasis-800)",
+      neutral90: "var(--ifm-color-emphasis-900)",
+    },
+  });
 
-    return (
-        <div>
-            <div>
-                <h4>Dependency</h4>
-                <ReactSelect
-                    options={dependencies.map((dependency) => {
-                        return { value: dependency.name, label: dependency.name };
-                    })}
-                    defaultValue={{ value: dependencyName, label: dependencyName }}
-                    onChange={handleDependencyChange}
-                    className={clsx(styles.select)}
-                    theme={customTheme}
-                />
-            </div>
-            <div>
-                <h4>Version</h4>
-                <ReactSelect
-                    ref={versionsRef}
-                    options={versions}
-                    defaultValue={{ value: versionName, label: versionName }}
-                    onChange={handleVersionChange}
-                    className={clsx(styles.select)}
-                    theme={customTheme}
-                />
-            </div>
-            <div>
-                <a
-                    target="_blank"
-                    className={clsx(
-                        "button button--outline button--secondary button--mg",
-                        styles.downloadButton
-                    )}
-                    href={downloadURL}
-                    id="dependency-download"
-                    rel="noopener noreferrer"
-                    key={downloadURL}
-                >
-                    Download
-                </a>
-            </div>
-        </div>
-    );
+  return (
+    <div>
+      <div>
+        <h4>Dependency</h4>
+        <ReactSelect
+          options={dependencies.map((dependency) => {
+            return { value: dependency.name, label: dependency.name };
+          })}
+          defaultValue={{ value: dependencyName, label: dependencyName }}
+          onChange={handleDependencyChange}
+          className={clsx(styles.select)}
+          theme={customTheme}
+        />
+      </div>
+      <div>
+        <h4>Version</h4>
+        <ReactSelect
+          ref={versionsRef}
+          options={versions}
+          defaultValue={{ value: versionName, label: versionName }}
+          onChange={handleVersionChange}
+          className={clsx(styles.select)}
+          theme={customTheme}
+        />
+      </div>
+      <div>
+        <a
+          target="_blank"
+          className={clsx(
+            "button button--outline button--secondary button--mg",
+            styles.downloadButton
+          )}
+          href={downloadURL}
+          id="dependency-download"
+          rel="noopener noreferrer"
+          key={downloadURL}
+        >
+          Download
+        </a>
+      </div>
+    </div>
+  );
 }
 
 export default DependencyDownload;
 
-type ReleaseTypeName = 'snapshot' | 'release';
+type ReleaseTypeName = "snapshot" | "release";
 
 type ReleaseType = {
-    name: ReleaseTypeName
-    url: string
-}
+  name: ReleaseTypeName;
+  url: string;
+};
 
 type DependencyVersion = {
-    version: string,
-    groupId: string,
-    artifactId: string,
-    releaseType: ReleaseTypeName;
-}
+  version: string;
+  groupId: string;
+  artifactId: string;
+  releaseType: ReleaseTypeName;
+};
 
 type Dependency = {
-    name: string,
-    currentVersion: string,
-    versions: DependencyVersion[];
-}
+  name: string;
+  currentVersion: string;
+  versions: DependencyVersion[];
+};
 
 const dependencies: Dependency[] = [
-    {
-        name: "cloudnet-driver",
-        currentVersion: "3.3.0-RELEASE",
-        versions: [
-            {
-                version: "3.3.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-driver",
-                releaseType: "snapshot",
-            },
-            {
-                version: "3.3.0-RELEASE",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-driver",
-                releaseType: "release",
-            },
-            {
-                version: "3.4.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-driver",
-                releaseType: "snapshot",
-            },
-        ],
-    },
-    {
-        name: "cloudnet-wrapper-jvm",
-        currentVersion: "3.3.0-RELEASE",
-        versions: [
-            {
-                version: "3.3.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-wrapper-jvm",
-                releaseType: "snapshot",
-            },
-            {
-                version: "3.3.0-RELEASE",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-wrapper-jvm",
-                releaseType: "release",
-            },
-            {
-                version: "3.4.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-wrapper-jvm",
-                releaseType: "snapshot",
-            },
-        ],
-    },
-    {
-        name: "cloudnet-bridge",
-        currentVersion: "3.3.0-RELEASE",
-        versions: [
-            {
-                version: "3.3.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-bridge",
-                releaseType: "snapshot",
-            },
-            {
-                version: "3.3.0-RELEASE",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-bridge",
-                releaseType: "release",
-            },
-            {
-                version: "3.4.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-bridge",
-                releaseType: "snapshot",
-            },
-        ],
-    },
-    {
-        name: "cloudnet",
-        currentVersion: "3.3.0-RELEASE",
-        versions: [
-            {
-                version: "3.3.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet",
-                releaseType: "snapshot",
-            },
-            {
-                version: "3.3.0-RELEASE",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet",
-                releaseType: "release",
-            },
-            {
-                version: "3.4.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet",
-                releaseType: "snapshot",
-            },
-        ],
-    },
-    {
-        name: "cloudnet-cloudperms",
-        currentVersion: "3.3.0-RELEASE",
-        versions: [
-            {
-                version: "3.3.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-cloudperms",
-                releaseType: "snapshot",
-            },
-            {
-                version: "3.3.0-RELEASE",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-cloudperms",
-                releaseType: "release",
-            },
-            {
-                version: "3.4.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-cloudperms",
-                releaseType: "snapshot",
-            },
-        ],
-    },
-    {
-        name: "cloudnet-syncproxy",
-        currentVersion: "3.3.0-RELEASE",
-        versions: [
-            {
-                version: "3.3.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-syncproxy",
-                releaseType: "snapshot",
-            },
-            {
-                version: "3.3.0-RELEASE",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-syncproxy",
-                releaseType: "release",
-            },
-            {
-                version: "3.4.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-syncproxy",
-                releaseType: "snapshot",
-            },
-        ],
-    },
-    {
-        name: "cloudnet-signs",
-        currentVersion: "3.3.0-RELEASE",
-        versions: [
-            {
-                version: "3.3.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-signs",
-                releaseType: "snapshot",
-            },
-            {
-                version: "3.3.0-RELEASE",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-signs",
-                releaseType: "release",
-            },
-            {
-                version: "3.4.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-signs",
-                releaseType: "snapshot",
-            },
-        ],
-    },
-    {
-        name: "cloudnet-npcs",
-        currentVersion: "3.3.0-RELEASE",
-        versions: [
-            {
-                version: "3.3.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-npcs",
-                releaseType: "snapshot",
-            },
-            {
-                version: "3.3.0-RELEASE",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-npcs",
-                releaseType: "release",
-            },
-            {
-                version: "3.4.0-SNAPSHOT",
-                groupId: "de/dytanic/cloudnet",
-                artifactId: "cloudnet-npcs",
-                releaseType: "snapshot",
-            },
-        ],
-    },
+  {
+    name: "cloudnet-driver",
+    currentVersion: "3.3.0-RELEASE",
+    versions: [
+      {
+        version: "3.3.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-driver",
+        releaseType: "snapshot",
+      },
+      {
+        version: "3.3.0-RELEASE",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-driver",
+        releaseType: "release",
+      },
+      {
+        version: "3.4.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-driver",
+        releaseType: "snapshot",
+      },
+    ],
+  },
+  {
+    name: "cloudnet-wrapper-jvm",
+    currentVersion: "3.3.0-RELEASE",
+    versions: [
+      {
+        version: "3.3.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-wrapper-jvm",
+        releaseType: "snapshot",
+      },
+      {
+        version: "3.3.0-RELEASE",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-wrapper-jvm",
+        releaseType: "release",
+      },
+      {
+        version: "3.4.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-wrapper-jvm",
+        releaseType: "snapshot",
+      },
+    ],
+  },
+  {
+    name: "cloudnet-bridge",
+    currentVersion: "3.3.0-RELEASE",
+    versions: [
+      {
+        version: "3.3.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-bridge",
+        releaseType: "snapshot",
+      },
+      {
+        version: "3.3.0-RELEASE",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-bridge",
+        releaseType: "release",
+      },
+      {
+        version: "3.4.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-bridge",
+        releaseType: "snapshot",
+      },
+    ],
+  },
+  {
+    name: "cloudnet",
+    currentVersion: "3.3.0-RELEASE",
+    versions: [
+      {
+        version: "3.3.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet",
+        releaseType: "snapshot",
+      },
+      {
+        version: "3.3.0-RELEASE",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet",
+        releaseType: "release",
+      },
+      {
+        version: "3.4.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet",
+        releaseType: "snapshot",
+      },
+    ],
+  },
+  {
+    name: "cloudnet-cloudperms",
+    currentVersion: "3.3.0-RELEASE",
+    versions: [
+      {
+        version: "3.3.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-cloudperms",
+        releaseType: "snapshot",
+      },
+      {
+        version: "3.3.0-RELEASE",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-cloudperms",
+        releaseType: "release",
+      },
+      {
+        version: "3.4.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-cloudperms",
+        releaseType: "snapshot",
+      },
+    ],
+  },
+  {
+    name: "cloudnet-syncproxy",
+    currentVersion: "3.3.0-RELEASE",
+    versions: [
+      {
+        version: "3.3.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-syncproxy",
+        releaseType: "snapshot",
+      },
+      {
+        version: "3.3.0-RELEASE",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-syncproxy",
+        releaseType: "release",
+      },
+      {
+        version: "3.4.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-syncproxy",
+        releaseType: "snapshot",
+      },
+    ],
+  },
+  {
+    name: "cloudnet-signs",
+    currentVersion: "3.3.0-RELEASE",
+    versions: [
+      {
+        version: "3.3.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-signs",
+        releaseType: "snapshot",
+      },
+      {
+        version: "3.3.0-RELEASE",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-signs",
+        releaseType: "release",
+      },
+      {
+        version: "3.4.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-signs",
+        releaseType: "snapshot",
+      },
+    ],
+  },
+  {
+    name: "cloudnet-npcs",
+    currentVersion: "3.3.0-RELEASE",
+    versions: [
+      {
+        version: "3.3.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-npcs",
+        releaseType: "snapshot",
+      },
+      {
+        version: "3.3.0-RELEASE",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-npcs",
+        releaseType: "release",
+      },
+      {
+        version: "3.4.0-SNAPSHOT",
+        groupId: "de/dytanic/cloudnet",
+        artifactId: "cloudnet-npcs",
+        releaseType: "snapshot",
+      },
+    ],
+  },
 ];
 const releaseTypes: ReleaseType[] = [
-    {
-        name: "release",
-        url: "https://repo.cloudnetservice.eu/repository/releases/%groupId%/%artifactId%/%version%/%artifactId%-%version%.jar",
-    },
-    {
-        name: "snapshot",
-        url: "https://repo.cloudnetservice.eu/repository/snapshots/%groupId%/%artifactId%/%version%/%artifactId%-%version%.jar",
-    },
+  {
+    name: "release",
+    url: "https://repo.cloudnetservice.eu/repository/releases/%groupId%/%artifactId%/%version%/%artifactId%-%version%.jar",
+  },
+  {
+    name: "snapshot",
+    url: "https://repo.cloudnetservice.eu/repository/snapshots/%groupId%/%artifactId%/%version%/%artifactId%-%version%.jar",
+  },
 ];
diff --git a/src/pages/imprint.tsx b/src/pages/imprint.tsx
index 24808fe..1bcef94 100644
--- a/src/pages/imprint.tsx
+++ b/src/pages/imprint.tsx
@@ -4,113 +4,113 @@ import Layout from "@theme/Layout";
 import styles from "./styles.module.css";
 
 function Home() {
-    return (
-        <Layout title={`Impressum`}>
-            <main className={clsx("container", styles.legalText)}>
-                <h1>Impressum</h1>
-                <h2>Angaben gemäß § 5 TMG</h2>
-                <p>
-                    Joschua Kreimer
-                    <br />
-                    c/o nexserv GmbH
-                    <br />
-                    Dießemer Bruch 112c
-                    <br />
-                    47805 Krefeld
-                    <br />
-                    Deutschland
-                </p>
-                <h2>Kontakt</h2>
-                <p>
-                    Telefon: +4915678578650
-                    <br />
-                    E-Mail:{" "}
-                    <a href="mailto:contact@cloudnetservice.eu">
-                        contact@cloudnetservice.eu
-                    </a>
-                </p>
-                <h2>Redaktionell Verantwortlicher</h2>
-                <p>
-                    Joschua Kreimer
-                    <br />
-                    c/o nexserv GmbH
-                    <br />
-                    Dießemer Bruch 112c
-                    <br />
-                    47805 Krefeld
-                    <br />
-                    Deutschland
-                </p>
-                <h3>Haftung für Inhalte</h3>{" "}
-                <p>
-                    Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte
-                    auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach
-                    §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht
-                    verpflichtet, übermittelte oder gespeicherte fremde Informationen zu
-                    überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige
-                    Tätigkeit hinweisen.
-                </p>
-                <p>
-                    Verpflichtungen zur Entfernung oder Sperrung der Nutzung von
-                    Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt.
-                    Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der
-                    Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden
-                    von entsprechenden Rechtsverletzungen werden wir diese Inhalte
-                    umgehend entfernen.
-                </p>
-                <h2>Social Media und andere Onlinepräsenzen</h2>
-                <p>
-                    Dieses Impressum gilt auch für die folgenden Social-Media-Präsenzen
-                    und Onlineprofile:{" "}
-                </p>
-                <p>
-                    <a
-                        href="https://twitter.com/CloudNetService"
-                        target="_blank"
-                        rel="noreferrer"
-                    >
-                        https://twitter.com/CloudNetService
-                    </a>
-                </p>
-                <h3>Haftung für Links</h3>{" "}
-                <p>
-                    Unser Angebot enthält Links zu externen Websites Dritter, auf deren
-                    Inhalte wir keinen Einfluss haben. Deshalb kö;nnen wir für diese
-                    fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der
-                    verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der
-                    Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der
-                    Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige
-                    Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
-                </p>
-                <p>
-                    Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch
-                    ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei
-                    Bekanntwerden von Rechtsverletzungen werden wir derartige Links
-                    umgehend entfernen.
-                </p>
-                <h3>Urheberrecht</h3>{" "}
-                <p>
-                    Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen
-                    Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung,
-                    Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der
-                    Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des
-                    jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite
-                    sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
-                </p>
-                <p>
-                    Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt
-                    wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden
-                    Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf
-                    eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen
-                    entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen
-                    werden wir derartige Inhalte umgehend entfernen.
-                </p>
-                <p>
-                    Quelle: <a href="https://www.e-recht24.de">eRecht24</a>
-                </p>
-            </main>
-        </Layout>
-    );
+  return (
+    <Layout title={`Impressum`}>
+      <main className={clsx("container", styles.legalText)}>
+        <h1>Impressum</h1>
+        <h2>Angaben gemäß § 5 TMG</h2>
+        <p>
+          Joschua Kreimer
+          <br />
+          c/o nexserv GmbH
+          <br />
+          Dießemer Bruch 112c
+          <br />
+          47805 Krefeld
+          <br />
+          Deutschland
+        </p>
+        <h2>Kontakt</h2>
+        <p>
+          Telefon: +4915678578650
+          <br />
+          E-Mail:{" "}
+          <a href="mailto:contact@cloudnetservice.eu">
+            contact@cloudnetservice.eu
+          </a>
+        </p>
+        <h2>Redaktionell Verantwortlicher</h2>
+        <p>
+          Joschua Kreimer
+          <br />
+          c/o nexserv GmbH
+          <br />
+          Dießemer Bruch 112c
+          <br />
+          47805 Krefeld
+          <br />
+          Deutschland
+        </p>
+        <h3>Haftung für Inhalte</h3>{" "}
+        <p>
+          Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte
+          auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach
+          §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht
+          verpflichtet, übermittelte oder gespeicherte fremde Informationen zu
+          überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige
+          Tätigkeit hinweisen.
+        </p>
+        <p>
+          Verpflichtungen zur Entfernung oder Sperrung der Nutzung von
+          Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt.
+          Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der
+          Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden
+          von entsprechenden Rechtsverletzungen werden wir diese Inhalte
+          umgehend entfernen.
+        </p>
+        <h2>Social Media und andere Onlinepräsenzen</h2>
+        <p>
+          Dieses Impressum gilt auch für die folgenden Social-Media-Präsenzen
+          und Onlineprofile:{" "}
+        </p>
+        <p>
+          <a
+            href="https://twitter.com/CloudNetService"
+            target="_blank"
+            rel="noreferrer"
+          >
+            https://twitter.com/CloudNetService
+          </a>
+        </p>
+        <h3>Haftung für Links</h3>{" "}
+        <p>
+          Unser Angebot enthält Links zu externen Websites Dritter, auf deren
+          Inhalte wir keinen Einfluss haben. Deshalb kö;nnen wir für diese
+          fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der
+          verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der
+          Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der
+          Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige
+          Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
+        </p>
+        <p>
+          Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch
+          ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei
+          Bekanntwerden von Rechtsverletzungen werden wir derartige Links
+          umgehend entfernen.
+        </p>
+        <h3>Urheberrecht</h3>{" "}
+        <p>
+          Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen
+          Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung,
+          Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der
+          Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des
+          jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite
+          sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
+        </p>
+        <p>
+          Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt
+          wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden
+          Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf
+          eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen
+          entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen
+          werden wir derartige Inhalte umgehend entfernen.
+        </p>
+        <p>
+          Quelle: <a href="https://www.e-recht24.de">eRecht24</a>
+        </p>
+      </main>
+    </Layout>
+  );
 }
 
 export default Home;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 377b411..586d0cc 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -8,143 +8,143 @@ import styles from "./styles.module.css";
 import Icon from "@material-ui/core/Icon";
 import Translate from "@docusaurus/Translate";
 
-type Feature = {
-    title: any
-    icon: string
-    description: any;
-}
+type FeatureProps = {
+  title: any;
+  icon: string;
+  description: any;
+};
 
-const features: Feature[] = [
-    {
-        title: (
-            <Translate id="homepage.feature.openSource.title">
-                Free & OpenSource
-            </Translate>
-        ),
-        icon: "code",
-        description: (
-            <Translate
-                id="homepage.feature.openSource.description"
-                values={{
-                    githubLink: (
-                        <a
-                            href="https://github.com/CloudNetService/"
-                            target="_blank"
-                            rel="noreferrer"
-                        >
-                            <Translate id="homepage.feature.openSource.githubLinkName">
-                                GitHub organisation
-                            </Translate>
-                        </a>
-                    ),
-                }}
+const features: FeatureProps[] = [
+  {
+    title: (
+      <Translate id="homepage.feature.openSource.title">
+        Free & OpenSource
+      </Translate>
+    ),
+    icon: "code",
+    description: (
+      <Translate
+        id="homepage.feature.openSource.description"
+        values={{
+          githubLink: (
+            <a
+              href="https://github.com/CloudNetService/"
+              target="_blank"
+              rel="noreferrer"
             >
-                {
-                    "CloudNet is open source and free to use, and this will not change! You can find all our projects in our {githubLink}."
-                }
-            </Translate>
-        ),
-    },
-    {
-        title: <Translate id="homepage.feature.support.title">Support</Translate>,
-        icon: "people",
-        description: (
-            <Translate
-                id="homepage.feature.support.description"
-                values={{
-                    discordLink: (
-                        <a
-                            href="https://discord.cloudnetservice.eu"
-                            target="_blank"
-                            rel="noreferrer"
-                        >
-                            <Translate id="homepage.feature.support.discordLinkName">
-                                Discord Server
-                            </Translate>
-                        </a>
-                    ),
-                }}
+              <Translate id="homepage.feature.openSource.githubLinkName">
+                GitHub organisation
+              </Translate>
+            </a>
+          ),
+        }}
+      >
+        {
+          "CloudNet is open source and free to use, and this will not change! You can find all our projects in our {githubLink}."
+        }
+      </Translate>
+    ),
+  },
+  {
+    title: <Translate id="homepage.feature.support.title">Support</Translate>,
+    icon: "people",
+    description: (
+      <Translate
+        id="homepage.feature.support.description"
+        values={{
+          discordLink: (
+            <a
+              href="https://discord.cloudnetservice.eu"
+              target="_blank"
+              rel="noreferrer"
             >
-                {
-                    "If you have any questions regarding CloudNet, you are welcome to join our {discordLink}. If you have any questions regarding CloudNet, you are welcome to join our"
-                }
-            </Translate>
-        ),
-    },
-    {
-        title: <Translate id="homepage.feature.scalable.title">Scalable</Translate>,
-        icon: "trending_up",
-        description: (
-            <Translate id="homepage.feature.scalable.description">
-                CloudNet is horizontally and vertically scalable. This means you can
-                distribute your players across different virtual or dedicated servers to
-                balance the performance.
-            </Translate>
-        ),
-    },
+              <Translate id="homepage.feature.support.discordLinkName">
+                Discord Server
+              </Translate>
+            </a>
+          ),
+        }}
+      >
+        {
+          "If you have any questions regarding CloudNet, you are welcome to join our {discordLink}. If you have any questions regarding CloudNet, you are welcome to join our"
+        }
+      </Translate>
+    ),
+  },
+  {
+    title: <Translate id="homepage.feature.scalable.title">Scalable</Translate>,
+    icon: "trending_up",
+    description: (
+      <Translate id="homepage.feature.scalable.description">
+        CloudNet is horizontally and vertically scalable. This means you can
+        distribute your players across different virtual or dedicated servers to
+        balance the performance.
+      </Translate>
+    ),
+  },
 ];
 
-function Feature({ icon, title, description }: Feature) {
-    return (
-        <div className={clsx("col col--4", styles.feature)}>
-            <div className="text--center">
-                <Icon style={{ fontSize: "4rem" }}>{icon}</Icon>
-            </div>
-            <h3 className="text--center">{title}</h3>
-            <p>{description}</p>
-        </div>
-    );
+function Feature({ icon, title, description }: FeatureProps) {
+  return (
+    <div className={clsx("col col--4", styles.feature)}>
+      <div className="text--center">
+        <Icon style={{ fontSize: "4rem" }}>{icon}</Icon>
+      </div>
+      <h3 className="text--center">{title}</h3>
+      <p>{description}</p>
+    </div>
+  );
 }
 
 function Home() {
-    const context = useDocusaurusContext();
-    const { siteConfig = {} } = context;
-    return (
-        <Layout
-            title={`CloudNET - The Cloud Network Environment Technology`}
-            description="A modern application that can dynamically and easily deploy Minecraft oriented software."
-        >
-            <header className={clsx("hero hero--primary", styles.heroBanner)}>
-                <div className="container">
-                    <div className="row">
-                        <div className={clsx("col", "col--8", styles.heroText)}>
-                            <h1 className="hero__title">CloudNet&shy;Service</h1>
-                            <p className="hero__subtitle">{siteConfig.tagline}</p>
-                            <div className={styles.buttons}>
-                                <Link
-                                    className={clsx(
-                                        "button button--outline button--secondary button--lg",
-                                        styles.getStarted
-                                    )}
-                                    to={useBaseUrl("docs/3.3/")}
-                                >
-                                    <Translate id="homepage.getStartedButton">
-                                        Get Started
-                                    </Translate>
-                                </Link>
-                            </div>
-                        </div>
-                        <div className={clsx("col", "col--4", styles.heroImage)}>
-                            <img alt="CloudNetService Logo" src="/img/logo.svg" />
-                        </div>
-                    </div>
-                </div>
-            </header>
-            <main>
-                {features && features.length > 0 && (
-                    <section className={styles.features}>
-                        <div className="container">
-                            <div className="row">
-                                {features.map((props, idx) => (
-                                    <Feature key={idx} {...props} />
-                                ))}
-                            </div>
-                        </div>
-                    </section>
-                )}
-            </main>
-        </Layout>
-    );
+  const context = useDocusaurusContext();
+  const { siteConfig = {} } = context;
+  return (
+    <Layout
+      title={`CloudNET - The Cloud Network Environment Technology`}
+      description="A modern application that can dynamically and easily deploy Minecraft oriented software."
+    >
+      <header className={clsx("hero hero--primary", styles.heroBanner)}>
+        <div className="container">
+          <div className="row">
+            <div className={clsx("col", "col--8", styles.heroText)}>
+              <h1 className="hero__title">CloudNet&shy;Service</h1>
+              <p className="hero__subtitle">{siteConfig.tagline}</p>
+              <div className={styles.buttons}>
+                <Link
+                  className={clsx(
+                    "button button--outline button--secondary button--lg",
+                    styles.getStarted
+                  )}
+                  to={useBaseUrl("docs/3.3/")}
+                >
+                  <Translate id="homepage.getStartedButton">
+                    Get Started
+                  </Translate>
+                </Link>
+              </div>
+            </div>
+            <div className={clsx("col", "col--4", styles.heroImage)}>
+              <img alt="CloudNetService Logo" src="/img/logo.svg" />
+            </div>
+          </div>
+        </div>
+      </header>
+      <main>
+        {features && features.length > 0 && (
+          <section className={styles.features}>
+            <div className="container">
+              <div className="row">
+                {features.map((props, idx) => (
+                  <Feature key={idx} {...props} />
+                ))}
+              </div>
+            </div>
+          </section>
+        )}
+      </main>
+    </Layout>
+  );
 }
 
 export default Home;
diff --git a/src/pages/privacy.tsx b/src/pages/privacy.tsx
index e62eb1a..be019fd 100644
--- a/src/pages/privacy.tsx
+++ b/src/pages/privacy.tsx
@@ -4,381 +4,381 @@ import Layout from "@theme/Layout";
 import styles from "./styles.module.css";
 
 function Home() {
-    return (
-        <Layout title={`Datenschutzerklärung`}>
-            <main className={clsx("container", styles.legalText)}>
-                <h1>Datenschutzerklärung</h1>
-                <p>
-                    Verantwortlicher im Sinne der Datenschutzgesetze, insbesondere der
-                    EU-Datenschutzgrundverordnung (DSGVO), ist:
-                </p>
-                <p>
-                    Joschua Kreimer
-                    <br />
-                    c/o nexserv GmbH
-                    <br />
-                    Dießemer Bruch 112c
-                    <br />
-                    47805 Krefeld
-                    <br />
-                    Deutschland
-                </p>
-                <h2>Ihre Betroffenenrechte</h2>
-                <p>
-                    Unter den angegebenen Kontaktdaten unseres Datenschutzbeauftragten
-                    können Sie jederzeit folgende Rechte ausüben:
-                </p>
-                <ul>
-                    <li>
-                        Auskunft über Ihre bei uns gespeicherten Daten und deren
-                        Verarbeitung (Art. 15 DSGVO),
-                    </li>
-                    <li>
-                        Berichtigung unrichtiger personenbezogener Daten (Art. 16 DSGVO),
-                    </li>
-                    <li>Löschung Ihrer bei uns gespeicherten Daten (Art. 17 DSGVO),</li>
-                    <li>
-                        Einschränkung der Datenverarbeitung, sofern wir Ihre Daten aufgrund
-                        gesetzlicher Pflichten noch nicht löschen dürfen (Art. 18 DSGVO),
-                    </li>
-                    <li>
-                        Widerspruch gegen die Verarbeitung Ihrer Daten bei uns (Art. 21
-                        DSGVO) und
-                    </li>
-                    <li>
-                        Datenübertragbarkeit, sofern Sie in die Datenverarbeitung
-                        eingewilligt haben oder einen Vertrag mit uns abgeschlossen haben
-                        (Art. 20 DSGVO).
-                    </li>
-                </ul>
-                <p>
-                    Sofern Sie uns eine Einwilligung erteilt haben, können Sie diese
-                    jederzeit mit Wirkung für die Zukunft widerrufen.
-                </p>
-                <p>
-                    Sie können sich jederzeit mit einer Beschwerde an eine
-                    Aufsichtsbehörde wenden, z. B. an die zuständige Aufsichtsbehörde des
-                    Bundeslands Ihres Wohnsitzes oder an die für uns als verantwortliche
-                    Stelle zuständige Behörde.
-                </p>
-                <p>
-                    Eine Liste der Aufsichtsbehörden (für den nichtöffentlichen Bereich)
-                    mit Anschrift finden Sie unter:{" "}
-                    <a
-                        href="https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html"
-                        target="_blank"
-                        rel="nofollow noopener noreferrer"
-                    >
-                        https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html
-                    </a>
-                    .
-                </p>
-                <p />
+  return (
+    <Layout title={`Datenschutzerklärung`}>
+      <main className={clsx("container", styles.legalText)}>
+        <h1>Datenschutzerklärung</h1>
+        <p>
+          Verantwortlicher im Sinne der Datenschutzgesetze, insbesondere der
+          EU-Datenschutzgrundverordnung (DSGVO), ist:
+        </p>
+        <p>
+          Joschua Kreimer
+          <br />
+          c/o nexserv GmbH
+          <br />
+          Dießemer Bruch 112c
+          <br />
+          47805 Krefeld
+          <br />
+          Deutschland
+        </p>
+        <h2>Ihre Betroffenenrechte</h2>
+        <p>
+          Unter den angegebenen Kontaktdaten unseres Datenschutzbeauftragten
+          können Sie jederzeit folgende Rechte ausüben:
+        </p>
+        <ul>
+          <li>
+            Auskunft über Ihre bei uns gespeicherten Daten und deren
+            Verarbeitung (Art. 15 DSGVO),
+          </li>
+          <li>
+            Berichtigung unrichtiger personenbezogener Daten (Art. 16 DSGVO),
+          </li>
+          <li>Löschung Ihrer bei uns gespeicherten Daten (Art. 17 DSGVO),</li>
+          <li>
+            Einschränkung der Datenverarbeitung, sofern wir Ihre Daten aufgrund
+            gesetzlicher Pflichten noch nicht löschen dürfen (Art. 18 DSGVO),
+          </li>
+          <li>
+            Widerspruch gegen die Verarbeitung Ihrer Daten bei uns (Art. 21
+            DSGVO) und
+          </li>
+          <li>
+            Datenübertragbarkeit, sofern Sie in die Datenverarbeitung
+            eingewilligt haben oder einen Vertrag mit uns abgeschlossen haben
+            (Art. 20 DSGVO).
+          </li>
+        </ul>
+        <p>
+          Sofern Sie uns eine Einwilligung erteilt haben, können Sie diese
+          jederzeit mit Wirkung für die Zukunft widerrufen.
+        </p>
+        <p>
+          Sie können sich jederzeit mit einer Beschwerde an eine
+          Aufsichtsbehörde wenden, z. B. an die zuständige Aufsichtsbehörde des
+          Bundeslands Ihres Wohnsitzes oder an die für uns als verantwortliche
+          Stelle zuständige Behörde.
+        </p>
+        <p>
+          Eine Liste der Aufsichtsbehörden (für den nichtöffentlichen Bereich)
+          mit Anschrift finden Sie unter:{" "}
+          <a
+            href="https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html"
+            target="_blank"
+            rel="nofollow noopener noreferrer"
+          >
+            https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html
+          </a>
+          .
+        </p>
+        <p />
 
-                <h2>Erfassung allgemeiner Informationen beim Besuch unserer Website</h2>
-                <h3>Art und Zweck der Verarbeitung:</h3>
-                <p>
-                    Wenn Sie auf unsere Website zugreifen, d.h., wenn Sie sich nicht
-                    registrieren oder anderweitig Informationen übermitteln, werden
-                    automatisch Informationen allgemeiner Natur erfasst. Diese
-                    Informationen (Server-Logfiles) beinhalten etwa die Art des
-                    Webbrowsers, das verwendete Betriebssystem, den Domainnamen Ihres
-                    Internet-Service-Providers, Ihre IP-Adresse und ähnliches.{" "}
-                </p>
-                <p>Sie werden insbesondere zu folgenden Zwecken verarbeitet:</p>
-                <ul>
-                    <li>
-                        Sicherstellung eines problemlosen Verbindungsaufbaus der Website,
-                    </li>
-                    <li>Sicherstellung einer reibungslosen Nutzung unserer Website,</li>
-                    <li>Auswertung der Systemsicherheit und -stabilität sowie</li>
-                    <li>zur Optimierung unserer Website.</li>
-                </ul>
-                <p>
-                    Wir verwenden Ihre Daten nicht, um Rückschlüsse auf Ihre Person zu
-                    ziehen. Informationen dieser Art werden von uns ggfs. anonymisiert
-                    statistisch ausgewertet, um unseren Internetauftritt und die
-                    dahinterstehende Technik zu optimieren.{" "}
-                </p>
-                <h3>Rechtsgrundlage und berechtigtes Interesse:</h3>
-                <p>
-                    Die Verarbeitung erfolgt gemäß Art. 6 Abs. 1 lit. f DSGVO auf Basis
-                    unseres berechtigten Interesses an der Verbesserung der Stabilität und
-                    Funktionalität unserer Website.
-                </p>
-                <h3>Empfänger:</h3>
-                <p>
-                    Empfänger der Daten sind ggf. technische Dienstleister, die für den
-                    Betrieb und die Wartung unserer Webseite als Auftragsverarbeiter tätig
-                    werden.
-                </p>
-                <p />
-                <h3>Speicherdauer:</h3>
-                <p>
-                    Die Daten werden gelöscht, sobald diese für den Zweck der Erhebung
-                    nicht mehr erforderlich sind. Dies ist für die Daten, die der
-                    Bereitstellung der Website dienen, grundsätzlich der Fall, wenn die
-                    jeweilige Sitzung beendet ist.{" "}
-                </p>
-                <p>
-                    {" "}
-                    Im Falle der Speicherung der Daten in Logfiles ist dies nach
-                    spätestens 14 Tagen der Fall. Eine darüberhinausgehende Speicherung
-                    ist möglich. In diesem Fall werden die IP-Adressen der Nutzer
-                    anonymisiert, sodass eine Zuordnung des aufrufenden Clients nicht mehr
-                    möglich ist.
-                </p>
-                <p />
-                <h3>Bereitstellung vorgeschrieben oder erforderlich:</h3>
-                <p>
-                    Die Bereitstellung der vorgenannten personenbezogenen Daten ist weder
-                    gesetzlich noch vertraglich vorgeschrieben. Ohne die IP-Adresse ist
-                    jedoch der Dienst und die Funktionsfähigkeit unserer Website nicht
-                    gewährleistet. Zudem können einzelne Dienste und Services nicht
-                    verfügbar oder eingeschränkt sein. Aus diesem Grund ist ein
-                    Widerspruch ausgeschlossen.{" "}
-                </p>
-                <p />
+        <h2>Erfassung allgemeiner Informationen beim Besuch unserer Website</h2>
+        <h3>Art und Zweck der Verarbeitung:</h3>
+        <p>
+          Wenn Sie auf unsere Website zugreifen, d.h., wenn Sie sich nicht
+          registrieren oder anderweitig Informationen übermitteln, werden
+          automatisch Informationen allgemeiner Natur erfasst. Diese
+          Informationen (Server-Logfiles) beinhalten etwa die Art des
+          Webbrowsers, das verwendete Betriebssystem, den Domainnamen Ihres
+          Internet-Service-Providers, Ihre IP-Adresse und ähnliches.{" "}
+        </p>
+        <p>Sie werden insbesondere zu folgenden Zwecken verarbeitet:</p>
+        <ul>
+          <li>
+            Sicherstellung eines problemlosen Verbindungsaufbaus der Website,
+          </li>
+          <li>Sicherstellung einer reibungslosen Nutzung unserer Website,</li>
+          <li>Auswertung der Systemsicherheit und -stabilität sowie</li>
+          <li>zur Optimierung unserer Website.</li>
+        </ul>
+        <p>
+          Wir verwenden Ihre Daten nicht, um Rückschlüsse auf Ihre Person zu
+          ziehen. Informationen dieser Art werden von uns ggfs. anonymisiert
+          statistisch ausgewertet, um unseren Internetauftritt und die
+          dahinterstehende Technik zu optimieren.{" "}
+        </p>
+        <h3>Rechtsgrundlage und berechtigtes Interesse:</h3>
+        <p>
+          Die Verarbeitung erfolgt gemäß Art. 6 Abs. 1 lit. f DSGVO auf Basis
+          unseres berechtigten Interesses an der Verbesserung der Stabilität und
+          Funktionalität unserer Website.
+        </p>
+        <h3>Empfänger:</h3>
+        <p>
+          Empfänger der Daten sind ggf. technische Dienstleister, die für den
+          Betrieb und die Wartung unserer Webseite als Auftragsverarbeiter tätig
+          werden.
+        </p>
+        <p />
+        <h3>Speicherdauer:</h3>
+        <p>
+          Die Daten werden gelöscht, sobald diese für den Zweck der Erhebung
+          nicht mehr erforderlich sind. Dies ist für die Daten, die der
+          Bereitstellung der Website dienen, grundsätzlich der Fall, wenn die
+          jeweilige Sitzung beendet ist.{" "}
+        </p>
+        <p>
+          {" "}
+          Im Falle der Speicherung der Daten in Logfiles ist dies nach
+          spätestens 14 Tagen der Fall. Eine darüberhinausgehende Speicherung
+          ist möglich. In diesem Fall werden die IP-Adressen der Nutzer
+          anonymisiert, sodass eine Zuordnung des aufrufenden Clients nicht mehr
+          möglich ist.
+        </p>
+        <p />
+        <h3>Bereitstellung vorgeschrieben oder erforderlich:</h3>
+        <p>
+          Die Bereitstellung der vorgenannten personenbezogenen Daten ist weder
+          gesetzlich noch vertraglich vorgeschrieben. Ohne die IP-Adresse ist
+          jedoch der Dienst und die Funktionsfähigkeit unserer Website nicht
+          gewährleistet. Zudem können einzelne Dienste und Services nicht
+          verfügbar oder eingeschränkt sein. Aus diesem Grund ist ein
+          Widerspruch ausgeschlossen.{" "}
+        </p>
+        <p />
 
-                <h2>Cookies</h2>
-                <p>
-                    Wie viele andere Webseiten verwenden wir auch so genannte „Cookies“.
-                    Bei Cookies handelt es sich um kleine Textdateien, die auf Ihrem
-                    Endgerät (Laptop, Tablet, Smartphone o.ä.) gespeichert werden, wenn
-                    Sie unsere Webseite besuchen.{" "}
-                </p>
-                <p>
-                    Sie können Sie einzelne Cookies oder den gesamten Cookie-Bestand
-                    löschen. Darüber hinaus erhalten Sie Informationen und Anleitungen,
-                    wie diese Cookies gelöscht oder deren Speicherung vorab blockiert
-                    werden können. Je nach Anbieter Ihres Browsers finden Sie die
-                    notwendigen Informationen unter den nachfolgenden Links:
-                </p>
-                <ul>
-                    <li>
-                        Mozilla Firefox:{" "}
-                        <a
-                            href="https://support.mozilla.org/de/kb/cookies-loeschen-daten-von-websites-entfernen"
-                            target="_blank"
-                            rel="nofollow noopener noreferrer"
-                        >
-                            https://support.mozilla.org/de/kb/cookies-loeschen-daten-von-websites-entfernen
-                        </a>
-                    </li>
-                    <li>
-                        Internet Explorer:{" "}
-                        <a
-                            href="https://support.microsoft.com/de-de/help/17442/windows-internet-explorer-delete-manage-cookies"
-                            target="_blank"
-                            rel="nofollow noopener noreferrer"
-                        >
-                            https://support.microsoft.com/de-de/help/17442/windows-internet-explorer-delete-manage-cookies
-                        </a>
-                    </li>
-                    <li>
-                        Google Chrome:{" "}
-                        <a
-                            href="https://support.google.com/accounts/answer/61416?hl=de"
-                            target="_blank"
-                            rel="nofollow noopener noreferrer"
-                        >
-                            https://support.google.com/accounts/answer/61416?hl=de
-                        </a>
-                    </li>
-                    <li>
-                        Opera:{" "}
-                        <a
-                            href="https://www.opera.com/de/help"
-                            target="_blank"
-                            rel="nofollow noopener noreferrer"
-                        >
-                            https://www.opera.com/de/help
-                        </a>
-                    </li>
-                    <li>
-                        Safari:{" "}
-                        <a
-                            href="https://support.apple.com/kb/PH17191?locale=de_DE&viewlocale=de_DE"
-                            target="_blank"
-                            rel="nofollow noopener noreferrer"
-                        >
-                            https://support.apple.com/kb/PH17191?locale=de_DE&viewlocale=de_DE
-                        </a>
-                    </li>
-                </ul>
-                <h3>Speicherdauer und eingesetzte Cookies:</h3>
-                <p>
-                    Soweit Sie uns durch Ihre Browsereinstellungen oder Zustimmung die
-                    Verwendung von Cookies erlauben, können folgende Cookies auf unseren
-                    Webseiten zum Einsatz kommen:
-                </p>
-                <ul>
-                    <li>theme</li>
-                </ul>
+        <h2>Cookies</h2>
+        <p>
+          Wie viele andere Webseiten verwenden wir auch so genannte „Cookies“.
+          Bei Cookies handelt es sich um kleine Textdateien, die auf Ihrem
+          Endgerät (Laptop, Tablet, Smartphone o.ä.) gespeichert werden, wenn
+          Sie unsere Webseite besuchen.{" "}
+        </p>
+        <p>
+          Sie können Sie einzelne Cookies oder den gesamten Cookie-Bestand
+          löschen. Darüber hinaus erhalten Sie Informationen und Anleitungen,
+          wie diese Cookies gelöscht oder deren Speicherung vorab blockiert
+          werden können. Je nach Anbieter Ihres Browsers finden Sie die
+          notwendigen Informationen unter den nachfolgenden Links:
+        </p>
+        <ul>
+          <li>
+            Mozilla Firefox:{" "}
+            <a
+              href="https://support.mozilla.org/de/kb/cookies-loeschen-daten-von-websites-entfernen"
+              target="_blank"
+              rel="nofollow noopener noreferrer"
+            >
+              https://support.mozilla.org/de/kb/cookies-loeschen-daten-von-websites-entfernen
+            </a>
+          </li>
+          <li>
+            Internet Explorer:{" "}
+            <a
+              href="https://support.microsoft.com/de-de/help/17442/windows-internet-explorer-delete-manage-cookies"
+              target="_blank"
+              rel="nofollow noopener noreferrer"
+            >
+              https://support.microsoft.com/de-de/help/17442/windows-internet-explorer-delete-manage-cookies
+            </a>
+          </li>
+          <li>
+            Google Chrome:{" "}
+            <a
+              href="https://support.google.com/accounts/answer/61416?hl=de"
+              target="_blank"
+              rel="nofollow noopener noreferrer"
+            >
+              https://support.google.com/accounts/answer/61416?hl=de
+            </a>
+          </li>
+          <li>
+            Opera:{" "}
+            <a
+              href="https://www.opera.com/de/help"
+              target="_blank"
+              rel="nofollow noopener noreferrer"
+            >
+              https://www.opera.com/de/help
+            </a>
+          </li>
+          <li>
+            Safari:{" "}
+            <a
+              href="https://support.apple.com/kb/PH17191?locale=de_DE&viewlocale=de_DE"
+              target="_blank"
+              rel="nofollow noopener noreferrer"
+            >
+              https://support.apple.com/kb/PH17191?locale=de_DE&viewlocale=de_DE
+            </a>
+          </li>
+        </ul>
+        <h3>Speicherdauer und eingesetzte Cookies:</h3>
+        <p>
+          Soweit Sie uns durch Ihre Browsereinstellungen oder Zustimmung die
+          Verwendung von Cookies erlauben, können folgende Cookies auf unseren
+          Webseiten zum Einsatz kommen:
+        </p>
+        <ul>
+          <li>theme</li>
+        </ul>
 
-                <h2>Technisch notwendige Cookies </h2>
-                <h3>Art und Zweck der Verarbeitung: </h3>
-                <p>
-                    Wir setzen Cookies ein, um unsere Website nutzerfreundlicher zu
-                    gestalten. Einige Elemente unserer Internetseite erfordern es, dass
-                    der aufrufende Browser auch nach einem Seitenwechsel identifiziert
-                    werden kann.
-                </p>
-                <p>
-                    Der Zweck der Verwendung technisch notwendiger Cookies ist, die
-                    Nutzung von Websites für die Nutzer zu vereinfachen. Einige Funktionen
-                    unserer Internetseite können ohne den Einsatz von Cookies nicht
-                    angeboten werden. Für diese ist es erforderlich, dass der Browser auch
-                    nach einem Seitenwechsel wiedererkannt wird.
-                </p>
-                <p>Für folgende Anwendungen benötigen wir Cookies:</p>
-                <ul>
-                    <li>Übernahme von Designeinstellungen</li>
-                </ul>
-                <h3>Rechtsgrundlage und berechtigtes Interesse: </h3>
-                <p>
-                    Die Verarbeitung erfolgt gemäß Art. 6 Abs. 1 lit. f DSGVO auf Basis
-                    unseres berechtigten Interesses an einer nutzerfreundlichen Gestaltung
-                    unserer Website.
-                </p>
-                <h3>Empfänger: </h3>
-                <p>
-                    Empfänger der Daten sind ggf. technische Dienstleister, die für den
-                    Betrieb und die Wartung unserer Website als Auftragsverarbeiter tätig
-                    werden.
-                </p>
-                <p />
-                <h3>Bereitstellung vorgeschrieben oder erforderlich:</h3>
-                <p>
-                    Die Bereitstellung der vorgenannten personenbezogenen Daten ist weder
-                    gesetzlich noch vertraglich vorgeschrieben. Ohne diese Daten ist
-                    jedoch der Dienst und die Funktionsfähigkeit unserer Website nicht
-                    gewährleistet. Zudem können einzelne Dienste und Services nicht
-                    verfügbar oder eingeschränkt sein.
-                </p>
-                <h3>Widerspruch</h3>
-                <p>
-                    Lesen Sie dazu die Informationen über Ihr Widerspruchsrecht nach Art.
-                    21 DSGVO weiter unten.
-                </p>
-                <p />
+        <h2>Technisch notwendige Cookies </h2>
+        <h3>Art und Zweck der Verarbeitung: </h3>
+        <p>
+          Wir setzen Cookies ein, um unsere Website nutzerfreundlicher zu
+          gestalten. Einige Elemente unserer Internetseite erfordern es, dass
+          der aufrufende Browser auch nach einem Seitenwechsel identifiziert
+          werden kann.
+        </p>
+        <p>
+          Der Zweck der Verwendung technisch notwendiger Cookies ist, die
+          Nutzung von Websites für die Nutzer zu vereinfachen. Einige Funktionen
+          unserer Internetseite können ohne den Einsatz von Cookies nicht
+          angeboten werden. Für diese ist es erforderlich, dass der Browser auch
+          nach einem Seitenwechsel wiedererkannt wird.
+        </p>
+        <p>Für folgende Anwendungen benötigen wir Cookies:</p>
+        <ul>
+          <li>Übernahme von Designeinstellungen</li>
+        </ul>
+        <h3>Rechtsgrundlage und berechtigtes Interesse: </h3>
+        <p>
+          Die Verarbeitung erfolgt gemäß Art. 6 Abs. 1 lit. f DSGVO auf Basis
+          unseres berechtigten Interesses an einer nutzerfreundlichen Gestaltung
+          unserer Website.
+        </p>
+        <h3>Empfänger: </h3>
+        <p>
+          Empfänger der Daten sind ggf. technische Dienstleister, die für den
+          Betrieb und die Wartung unserer Website als Auftragsverarbeiter tätig
+          werden.
+        </p>
+        <p />
+        <h3>Bereitstellung vorgeschrieben oder erforderlich:</h3>
+        <p>
+          Die Bereitstellung der vorgenannten personenbezogenen Daten ist weder
+          gesetzlich noch vertraglich vorgeschrieben. Ohne diese Daten ist
+          jedoch der Dienst und die Funktionsfähigkeit unserer Website nicht
+          gewährleistet. Zudem können einzelne Dienste und Services nicht
+          verfügbar oder eingeschränkt sein.
+        </p>
+        <h3>Widerspruch</h3>
+        <p>
+          Lesen Sie dazu die Informationen über Ihr Widerspruchsrecht nach Art.
+          21 DSGVO weiter unten.
+        </p>
+        <p />
 
-                <h2>Eingebettete YouTube-Videos</h2>
-                <p>
-                    Auf unserer Website betten wir YouTube-Videos ein. Betreiber der
-                    entsprechenden Plugins ist die YouTube, LLC, 901 Cherry Ave., San
-                    Bruno, CA 94066, USA (nachfolgend „YouTube“). Die YouTube, LLC ist
-                    einer Tochtergesellschaft der Google LLC, 1600 Amphitheatre Pkwy,
-                    Mountain View, CA 94043, USA (nachfolgend „Google“). Wenn Sie eine
-                    Seite mit dem YouTube-Plugin besuchen, wird eine Verbindung zu Servern
-                    von YouTube hergestellt. Dabei wird YouTube mitgeteilt, welche Seiten
-                    Sie besuchen. Wenn Sie in Ihrem YouTube-Account eingeloggt sind, kann
-                    YouTube Ihr Surfverhalten Ihnen persönlich zuzuordnen. Dies verhindern
-                    Sie, indem Sie sich vorher aus Ihrem YouTube-Account ausloggen.{" "}
-                </p>
-                <p>
-                    Wird ein YouTube-Video gestartet, setzt der Anbieter Cookies ein, die
-                    Hinweise über das Nutzerverhalten sammeln.{" "}
-                </p>
-                <p>
-                    Weitere Informationen zu Zweck und Umfang der Datenerhebung und ihrer
-                    Verarbeitung durch YouTube erhalten Sie in den Datenschutzerklärungen
-                    des Anbieters, Dort erhalten Sie auch weitere Informationen zu Ihren
-                    diesbezüglichen Rechten und Einstellungsmöglichkeiten zum Schutze
-                    Ihrer Privatsphäre (
-                    <a href="https://policies.google.com/privacy" rel="noreferrer">
-                        https://policies.google.com/privacy
-                    </a>
-                    ).{" "}
-                </p>
-                <h3>Widerruf der Einwilligung:</h3>
-                <p>
-                    Vom Anbieter wird derzeit keine Möglichkeit für einen einfachen
-                    Opt-out oder ein Blockieren der Datenübertragung angeboten. Wenn Sie
-                    eine Nachverfolgung Ihrer Aktivitäten auf unserer Website verhindern
-                    wollen, widerrufen Sie bitte im Cookie-Consent-Tool Ihre Einwilligung
-                    für die entsprechende Cookie-Kategorie oder alle technisch nicht
-                    notwendigen Cookies und Datenübertragungen. In diesem Fall können Sie
-                    unsere Website jedoch ggfs. nicht oder nur eingeschränkt nutzen.
-                </p>
-                <p />
+        <h2>Eingebettete YouTube-Videos</h2>
+        <p>
+          Auf unserer Website betten wir YouTube-Videos ein. Betreiber der
+          entsprechenden Plugins ist die YouTube, LLC, 901 Cherry Ave., San
+          Bruno, CA 94066, USA (nachfolgend „YouTube“). Die YouTube, LLC ist
+          einer Tochtergesellschaft der Google LLC, 1600 Amphitheatre Pkwy,
+          Mountain View, CA 94043, USA (nachfolgend „Google“). Wenn Sie eine
+          Seite mit dem YouTube-Plugin besuchen, wird eine Verbindung zu Servern
+          von YouTube hergestellt. Dabei wird YouTube mitgeteilt, welche Seiten
+          Sie besuchen. Wenn Sie in Ihrem YouTube-Account eingeloggt sind, kann
+          YouTube Ihr Surfverhalten Ihnen persönlich zuzuordnen. Dies verhindern
+          Sie, indem Sie sich vorher aus Ihrem YouTube-Account ausloggen.{" "}
+        </p>
+        <p>
+          Wird ein YouTube-Video gestartet, setzt der Anbieter Cookies ein, die
+          Hinweise über das Nutzerverhalten sammeln.{" "}
+        </p>
+        <p>
+          Weitere Informationen zu Zweck und Umfang der Datenerhebung und ihrer
+          Verarbeitung durch YouTube erhalten Sie in den Datenschutzerklärungen
+          des Anbieters, Dort erhalten Sie auch weitere Informationen zu Ihren
+          diesbezüglichen Rechten und Einstellungsmöglichkeiten zum Schutze
+          Ihrer Privatsphäre (
+          <a href="https://policies.google.com/privacy" rel="noreferrer">
+            https://policies.google.com/privacy
+          </a>
+          ).{" "}
+        </p>
+        <h3>Widerruf der Einwilligung:</h3>
+        <p>
+          Vom Anbieter wird derzeit keine Möglichkeit für einen einfachen
+          Opt-out oder ein Blockieren der Datenübertragung angeboten. Wenn Sie
+          eine Nachverfolgung Ihrer Aktivitäten auf unserer Website verhindern
+          wollen, widerrufen Sie bitte im Cookie-Consent-Tool Ihre Einwilligung
+          für die entsprechende Cookie-Kategorie oder alle technisch nicht
+          notwendigen Cookies und Datenübertragungen. In diesem Fall können Sie
+          unsere Website jedoch ggfs. nicht oder nur eingeschränkt nutzen.
+        </p>
+        <p />
 
-                <h2>SSL-Verschlüsselung</h2>
-                <p>
-                    Um die Sicherheit Ihrer Daten bei der Übertragung zu schützen,
-                    verwenden wir dem aktuellen Stand der Technik entsprechende
-                    Verschlüsselungsverfahren (z. B. SSL) über HTTPS.
-                </p>
-                <p />
-                <hr />
-                <h2>Information über Ihr Widerspruchsrecht nach Art. 21 DSGVO</h2>
-                <h3>Einzelfallbezogenes Widerspruchsrecht</h3>
-                <p>
-                    Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen
-                    Situation ergeben, jederzeit gegen die Verarbeitung Sie betreffender
-                    personenbezogener Daten, die aufgrund Art. 6 Abs. 1 lit. f DSGVO
-                    (Datenverarbeitung auf der Grundlage einer Interessenabwägung)
-                    erfolgt, Widerspruch einzulegen; dies gilt auch für ein auf diese
-                    Bestimmung gestütztes Profiling im Sinne von Art. 4 Nr. 4 DSGVO.
-                </p>
-                <p>
-                    Legen Sie Widerspruch ein, werden wir Ihre personenbezogenen Daten
-                    nicht mehr verarbeiten, es sei denn, wir können zwingende
-                    schutzwürdige Gründe für die Verarbeitung nachweisen, die Ihre
-                    Interessen, Rechte und Freiheiten überwiegen, oder die Verarbeitung
-                    dient der Geltendmachung, Ausübung oder Verteidigung von
-                    Rechtsansprüchen.
-                </p>
-                <h3>Empfänger eines Widerspruchs</h3>
-                <p>
-                    Joschua Kreimer
-                    <br />
-                    c/o nexserv GmbH
-                    <br />
-                    Dießemer Bruch 112c
-                    <br />
-                    47805 Krefeld
-                    <br />
-                    Deutschland
-                </p>
-                <hr />
-                <h2>Änderung unserer Datenschutzbestimmungen</h2>
-                <p>
-                    Wir behalten uns vor, diese Datenschutzerklärung anzupassen, damit sie
-                    stets den aktuellen rechtlichen Anforderungen entspricht oder um
-                    Änderungen unserer Leistungen in der Datenschutzerklärung umzusetzen,
-                    z.B. bei der Einführung neuer Services. Für Ihren erneuten Besuch gilt
-                    dann die neue Datenschutzerklärung.
-                </p>
-                <h2>Fragen an den Datenschutzbeauftragten</h2>
-                <p>
-                    Wenn Sie Fragen zum Datenschutz haben, schreiben Sie uns bitte eine
-                    E-Mail oder wenden Sie sich direkt an die für den Datenschutz
-                    verantwortliche Person in unserer Organisation:
-                </p>
-                <p>
-                    E-Mail:{" "}
-                    <a href="mailto:dataprotection@cloudnetservice.eu">
-                        dataprotection@cloudnetservice.eu
-                    </a>
-                </p>
-                <p>
-                    <em>
-                        Die Datenschutzerklärung wurde mithilfe der activeMind AG erstellt,
-                        den Experten für{" "}
-                        <a
-                            href="https://www.activemind.de/datenschutz/datenschutzbeauftragter/"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                        >
-                            externe Datenschutzbeauftragte
-                        </a>{" "}
-                        (Version #2020-09-30).
-                    </em>
-                </p>
-            </main>
-        </Layout>
-    );
+        <h2>SSL-Verschlüsselung</h2>
+        <p>
+          Um die Sicherheit Ihrer Daten bei der Übertragung zu schützen,
+          verwenden wir dem aktuellen Stand der Technik entsprechende
+          Verschlüsselungsverfahren (z. B. SSL) über HTTPS.
+        </p>
+        <p />
+        <hr />
+        <h2>Information über Ihr Widerspruchsrecht nach Art. 21 DSGVO</h2>
+        <h3>Einzelfallbezogenes Widerspruchsrecht</h3>
+        <p>
+          Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen
+          Situation ergeben, jederzeit gegen die Verarbeitung Sie betreffender
+          personenbezogener Daten, die aufgrund Art. 6 Abs. 1 lit. f DSGVO
+          (Datenverarbeitung auf der Grundlage einer Interessenabwägung)
+          erfolgt, Widerspruch einzulegen; dies gilt auch für ein auf diese
+          Bestimmung gestütztes Profiling im Sinne von Art. 4 Nr. 4 DSGVO.
+        </p>
+        <p>
+          Legen Sie Widerspruch ein, werden wir Ihre personenbezogenen Daten
+          nicht mehr verarbeiten, es sei denn, wir können zwingende
+          schutzwürdige Gründe für die Verarbeitung nachweisen, die Ihre
+          Interessen, Rechte und Freiheiten überwiegen, oder die Verarbeitung
+          dient der Geltendmachung, Ausübung oder Verteidigung von
+          Rechtsansprüchen.
+        </p>
+        <h3>Empfänger eines Widerspruchs</h3>
+        <p>
+          Joschua Kreimer
+          <br />
+          c/o nexserv GmbH
+          <br />
+          Dießemer Bruch 112c
+          <br />
+          47805 Krefeld
+          <br />
+          Deutschland
+        </p>
+        <hr />
+        <h2>Änderung unserer Datenschutzbestimmungen</h2>
+        <p>
+          Wir behalten uns vor, diese Datenschutzerklärung anzupassen, damit sie
+          stets den aktuellen rechtlichen Anforderungen entspricht oder um
+          Änderungen unserer Leistungen in der Datenschutzerklärung umzusetzen,
+          z.B. bei der Einführung neuer Services. Für Ihren erneuten Besuch gilt
+          dann die neue Datenschutzerklärung.
+        </p>
+        <h2>Fragen an den Datenschutzbeauftragten</h2>
+        <p>
+          Wenn Sie Fragen zum Datenschutz haben, schreiben Sie uns bitte eine
+          E-Mail oder wenden Sie sich direkt an die für den Datenschutz
+          verantwortliche Person in unserer Organisation:
+        </p>
+        <p>
+          E-Mail:{" "}
+          <a href="mailto:dataprotection@cloudnetservice.eu">
+            dataprotection@cloudnetservice.eu
+          </a>
+        </p>
+        <p>
+          <em>
+            Die Datenschutzerklärung wurde mithilfe der activeMind AG erstellt,
+            den Experten für{" "}
+            <a
+              href="https://www.activemind.de/datenschutz/datenschutzbeauftragter/"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              externe Datenschutzbeauftragte
+            </a>{" "}
+            (Version #2020-09-30).
+          </em>
+        </p>
+      </main>
+    </Layout>
+  );
 }
 
 export default Home;
diff --git a/tsconfig.json b/tsconfig.json
index 77c5f75..4360f0d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,4 +1,4 @@
 {
   "extends": "@tsconfig/docusaurus/tsconfig.json",
   "include": ["src/"]
-}
\ No newline at end of file
+}

From d90a2f9fc45d6115bd3a508a14a848f9cce52dd4 Mon Sep 17 00:00:00 2001
From: Sarsum <33085157+Sarsum@users.noreply.github.com>
Date: Sat, 7 Aug 2021 11:31:59 +0200
Subject: [PATCH 5/6] Merged origin/development

---
 yarn.lock | 161 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 157 insertions(+), 4 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 3f4fec3..5df43ba 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1291,6 +1291,11 @@
     url-loader "^4.1.1"
     webpack "^5.40.0"
 
+"@docusaurus/module-type-aliases@^2.0.0-beta.4":
+  version "2.0.0-beta.4"
+  resolved "https://registry.yarnpkg.com/@docusaurus/module-type-aliases/-/module-type-aliases-2.0.0-beta.4.tgz#a48e3bdb81ce77c4438ff94d6ee15859c5705ede"
+  integrity sha512-FRAAOJMDbHcBNgFvH4ihPszxraTTCkS7kN3q8WIj67Uv8u3+T36XWpReWdFYmzfPA4QyFx9YK4u1bmF7pndBSw==
+
 "@docusaurus/plugin-client-redirects@^2.0.0-beta.4":
   version "2.0.0-beta.4"
   resolved "https://registry.yarnpkg.com/@docusaurus/plugin-client-redirects/-/plugin-client-redirects-2.0.0-beta.4.tgz#607585d030dbcb0bc264efdf19ad07844af96e3b"
@@ -1575,7 +1580,7 @@
     "@emotion/weak-memoize" "^0.2.5"
     hoist-non-react-statics "^3.3.1"
 
-"@emotion/serialize@^1.0.2":
+"@emotion/serialize@^1.0.0", "@emotion/serialize@^1.0.2":
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.2.tgz#77cb21a0571c9f68eb66087754a65fa97bfcd965"
   integrity sha512-95MgNJ9+/ajxU7QIAruiOAdYNjxZX7G2mhgrtDWswA21VviYIRP1R5QilZ/bDY42xiKsaktP4egJb3QdYQZi1A==
@@ -1927,6 +1932,11 @@
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.1.1.tgz#3348564048e7a2d7398c935d466c0414ebb6a669"
   integrity sha512-Z6DoceYb/1xSg5+e+ZlPZ9v0N16ZvZ+wYMraFue4HYrE4ttONKtsvruIRf6t9TBR0YvSOfi1hUU0fJfBLCDYow==
 
+"@tsconfig/docusaurus@^1.0.2":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@tsconfig/docusaurus/-/docusaurus-1.0.3.tgz#040582bdceb27336d7abf2301fb0f4c909a9ac2f"
+  integrity sha512-g4X3HvNXbkowvEdPLu759fZjbXoazPjvi2a/fAAITp2yMOGeSKpHuY6N538ZY+1u6Z91Er3QKPtYGdZQ+tqXUA==
+
 "@types/eslint-config-prettier@6.11.0":
   version "6.11.0"
   resolved "https://registry.yarnpkg.com/@types/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz#5e944e94240df9c1ba755c3b1ebc3879d96ab991"
@@ -1973,6 +1983,11 @@
   dependencies:
     "@types/unist" "*"
 
+"@types/history@*":
+  version "4.7.9"
+  resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.9.tgz#1cfb6d60ef3822c589f18e70f8b12f9a28ce8724"
+  integrity sha512-MUc6zSmU3tEVnkQ78q0peeEjKWPUADMlC/t++2bI8WnAG2tvYRPIgHG8lWkXwqc8MsUF6Z2MOf+Mh5sazOmhiQ==
+
 "@types/html-minifier-terser@^5.0.0":
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.2.tgz#693b316ad323ea97eed6b38ed1a3cc02b1672b57"
@@ -2030,7 +2045,48 @@
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df"
   integrity sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==
 
-"@types/react-transition-group@^4.2.0":
+"@types/react-dom@*":
+  version "17.0.9"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.9.tgz#441a981da9d7be117042e1a6fd3dac4b30f55add"
+  integrity sha512-wIvGxLfgpVDSAMH5utdL9Ngm5Owu0VsGmldro3ORLXV8CShrL8awVj06NuEXFQ5xyaYfdca7Sgbk/50Ri1GdPg==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-helmet@^6.1.2":
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/@types/react-helmet/-/react-helmet-6.1.2.tgz#e9d7d16b29e4ec5716711c52c35c3cec45819eac"
+  integrity sha512-dcfAZNlWb5JYFbO9CGfrPWLJAyFcT6UeR3u35eBbv8liY2Rg4K7fM1G5+HnwVgot+C+kVwXAZ8pLEn2jsMfTDg==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-router-dom@^5.1.8":
+  version "5.1.8"
+  resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-5.1.8.tgz#bf3e1c8149b3d62eaa206d58599de82df0241192"
+  integrity sha512-03xHyncBzG0PmDmf8pf3rehtjY0NpUj7TIN46FrT5n1ZWHPZvXz32gUyNboJ+xsL8cpg8bQVLcllptcQHvocrw==
+  dependencies:
+    "@types/history" "*"
+    "@types/react" "*"
+    "@types/react-router" "*"
+
+"@types/react-router@*":
+  version "5.1.16"
+  resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.16.tgz#f3ba045fb96634e38b21531c482f9aeb37608a99"
+  integrity sha512-8d7nR/fNSqlTFGHti0R3F9WwIertOaaA1UEB8/jr5l5mDMOs4CidEgvvYMw4ivqrBK+vtVLxyTj2P+Pr/dtgzg==
+  dependencies:
+    "@types/history" "*"
+    "@types/react" "*"
+
+"@types/react-select@^4.0.17":
+  version "4.0.17"
+  resolved "https://registry.yarnpkg.com/@types/react-select/-/react-select-4.0.17.tgz#2e5ab4042c09c988bfc2711550329b0c3c9f8513"
+  integrity sha512-ZK5wcBhJaqC8ntQl0CJvK2KXNNsk1k5flM7jO+vNPPlceRzdJQazA6zTtQUyNr6exp5yrAiwiudtYxgGlgGHLg==
+  dependencies:
+    "@emotion/serialize" "^1.0.0"
+    "@types/react" "*"
+    "@types/react-dom" "*"
+    "@types/react-transition-group" "*"
+
+"@types/react-transition-group@*", "@types/react-transition-group@^4.2.0":
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.2.tgz#38890fd9db68bf1f2252b99a942998dc7877c5b3"
   integrity sha512-KibDWL6nshuOJ0fu8ll7QnV/LVTo3PzQ9aCPnRUYPfX7eZohHwLIdNHj7pftanREzHNP4/nJa8oeM73uSiavMQ==
@@ -2046,6 +2102,15 @@
     "@types/scheduler" "*"
     csstype "^3.0.2"
 
+"@types/react@^17.0.14":
+  version "17.0.16"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.16.tgz#056f40c45645761527baeb7d89d842a6abdf285a"
+  integrity sha512-3kCUiOOlQTwUUvjNFkbBTWMTxdTGybz/PfjCw9JmaRGcEDBQh+nGMg7/E9P2rklhJuYVd25IYLNcvqgSPCPksg==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
 "@types/sax@^1.2.1":
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/@types/sax/-/sax-1.2.2.tgz#0b8996ffb9ca0b0491e791a09b550d77fa852f5d"
@@ -2063,6 +2128,75 @@
   resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.5.tgz#fdd299f23205c3455af88ce618dd65c14cb73e22"
   integrity sha512-wnra4Vw9dopnuybR6HBywJ/URYpYrKLoepBTEtgfJup8Ahoi2zJECPP2cwiXp7btTvOT2CULv87aQRA4eZSP6g==
 
+"@typescript-eslint/eslint-plugin@^4.28.4":
+  version "4.29.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.29.0.tgz#b866c9cd193bfaba5e89bade0015629ebeb27996"
+  integrity sha512-eiREtqWRZ8aVJcNru7cT/AMVnYd9a2UHsfZT8MR1dW3UUEg6jDv9EQ9Cq4CUPZesyQ58YUpoAADGv71jY8RwgA==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "4.29.0"
+    "@typescript-eslint/scope-manager" "4.29.0"
+    debug "^4.3.1"
+    functional-red-black-tree "^1.0.1"
+    regexpp "^3.1.0"
+    semver "^7.3.5"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/experimental-utils@4.29.0":
+  version "4.29.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.29.0.tgz#19b1417602d0e1ef325b3312ee95f61220542df5"
+  integrity sha512-FpNVKykfeaIxlArLUP/yQfv/5/3rhl1ov6RWgud4OgbqWLkEq7lqgQU9iiavZRzpzCRQV4XddyFz3wFXdkiX9w==
+  dependencies:
+    "@types/json-schema" "^7.0.7"
+    "@typescript-eslint/scope-manager" "4.29.0"
+    "@typescript-eslint/types" "4.29.0"
+    "@typescript-eslint/typescript-estree" "4.29.0"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+
+"@typescript-eslint/parser@^4.28.4":
+  version "4.29.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.29.0.tgz#e5367ca3c63636bb5d8e0748fcbab7a4f4a04289"
+  integrity sha512-+92YRNHFdXgq+GhWQPT2bmjX09X7EH36JfgN2/4wmhtwV/HPxozpCNst8jrWcngLtEVd/4zAwA6BKojAlf+YqA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "4.29.0"
+    "@typescript-eslint/types" "4.29.0"
+    "@typescript-eslint/typescript-estree" "4.29.0"
+    debug "^4.3.1"
+
+"@typescript-eslint/scope-manager@4.29.0":
+  version "4.29.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.29.0.tgz#cf5474f87321bedf416ef65839b693bddd838599"
+  integrity sha512-HPq7XAaDMM3DpmuijxLV9Io8/6pQnliiXMQUcAdjpJJSR+fdmbD/zHCd7hMkjJn04UQtCQBtshgxClzg6NIS2w==
+  dependencies:
+    "@typescript-eslint/types" "4.29.0"
+    "@typescript-eslint/visitor-keys" "4.29.0"
+
+"@typescript-eslint/types@4.29.0":
+  version "4.29.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.29.0.tgz#c8f1a1e4441ea4aca9b3109241adbc145f7f8a4e"
+  integrity sha512-2YJM6XfWfi8pgU2HRhTp7WgRw78TCRO3dOmSpAvIQ8MOv4B46JD2chnhpNT7Jq8j0APlIbzO1Bach734xxUl4A==
+
+"@typescript-eslint/typescript-estree@4.29.0":
+  version "4.29.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.29.0.tgz#af7ab547757b86c91bfdbc54ff86845410856256"
+  integrity sha512-8ZpNHDIOyqzzgZrQW9+xQ4k5hM62Xy2R4RPO3DQxMc5Rq5QkCdSpk/drka+DL9w6sXNzV5nrdlBmf8+x495QXQ==
+  dependencies:
+    "@typescript-eslint/types" "4.29.0"
+    "@typescript-eslint/visitor-keys" "4.29.0"
+    debug "^4.3.1"
+    globby "^11.0.3"
+    is-glob "^4.0.1"
+    semver "^7.3.5"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/visitor-keys@4.29.0":
+  version "4.29.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.29.0.tgz#1ff60f240def4d85ea68d4fd2e4e9759b7850c04"
+  integrity sha512-LoaofO1C/jAJYs0uEpYMXfHboGXzOJeV118X4OsZu9f7rG7Pr9B3+4HTU8+err81rADa4xfQmAxnRnPAI2jp+Q==
+  dependencies:
+    "@typescript-eslint/types" "4.29.0"
+    eslint-visitor-keys "^2.0.0"
+
 "@webassemblyjs/ast@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
@@ -3499,7 +3633,7 @@ debug@^3.1.1, debug@^3.2.6:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
+debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
   integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
@@ -4035,6 +4169,13 @@ eslint-utils@^2.1.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
+eslint-utils@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
+  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
+  dependencies:
+    eslint-visitor-keys "^2.0.0"
+
 eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
@@ -8941,7 +9082,7 @@ ts-essentials@^2.0.3:
   resolved "https://registry.yarnpkg.com/ts-essentials/-/ts-essentials-2.0.12.tgz#c9303f3d74f75fa7528c3d49b80e089ab09d8745"
   integrity sha512-3IVX4nI6B5cc31/GFFE+i8ey/N2eA0CZDbo6n0yrz0zDX8ZJ8djmU1p+XRz7G3is0F3bB3pu2pAroFdAWQKU3w==
 
-tslib@^1.9.0:
+tslib@^1.8.1, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
@@ -8951,6 +9092,13 @@ tslib@^2.0.3, tslib@^2.1.0, tslib@^2.2.0, tslib@^2.3.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
   integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
 
+tsutils@^3.21.0:
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+  dependencies:
+    tslib "^1.8.1"
+
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
@@ -8983,6 +9131,11 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
+typescript@^4.3.5:
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.5.tgz#4d1c37cc16e893973c45a06886b7113234f119f4"
+  integrity sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==
+
 ua-parser-js@^0.7.18:
   version "0.7.28"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.28.tgz#8ba04e653f35ce210239c64661685bf9121dec31"

From b918560cdfd86b4418d3ed7ea1b801bead3b0591 Mon Sep 17 00:00:00 2001
From: Joschua <byRoadrunner@cloudnetservice.eu>
Date: Tue, 24 Aug 2021 15:37:05 +0200
Subject: [PATCH 6/6] Rework eslint and prettier (#64)

* Reworked eslint and prettier
thanks to @Sarsum for fixing the typescript issues

* Fixed lint-action errors:
- for create event
- for runs triggered by external repositories

* Fix DeepCode warning for missing key attribute

Co-authored-by: Sarsum <sarsum@cloudnetservice.eu>
---
 .eslintrc.js                   |  37 +++
 .eslintrc.json                 |  35 ---
 .github/workflows/yarn.yml     |   6 +-
 .idea/codeStyles/Project.xml   |   1 +
 .prettierignore                |  79 ++++++
 .prettierrc.json               |   1 +
 docusaurus.config.js           |   4 +-
 package.json                   |  16 +-
 src/js/_dependencyDownload.tsx | 298 +++++++++++-----------
 src/pages/imprint.tsx          |   2 +-
 src/pages/index.tsx            |  20 +-
 src/pages/privacy.tsx          |   2 +-
 yarn.lock                      | 438 +++++++++++++++++++++++++++++----
 13 files changed, 689 insertions(+), 250 deletions(-)
 create mode 100644 .eslintrc.js
 delete mode 100644 .eslintrc.json
 create mode 100644 .prettierignore
 create mode 100644 .prettierrc.json

diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..1094a27
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,37 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    "plugin:react/recommended",
+    "airbnb",
+    "prettier",
+    "plugin:prettier/recommended",
+    "plugin:import/recommended",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: "module",
+  },
+  plugins: ["react", "@typescript-eslint", "prettier"],
+  rules: {
+    "prettier/prettier": "error",
+    "no-use-before-define": "off",
+    "@typescript-eslint/no-use-before-define": ["error"],
+    // Temporary disabled because eslint is currently not working with "@" imports (e.g. "@theme" by docusaurus) - other eslint import plugins did not fix this issue
+    "import/no-unresolved": ["off", { extensions: [".tsx"] }],
+    "react/jsx-filename-extension": ["warn", { extensions: [".ts", ".tsx"] }],
+  },
+  overrides: [
+    {
+      files: ["*.md", "*.mdx"],
+      parser: "eslint-mdx",
+      extends: "plugin:mdx/recommended",
+    },
+  ],
+};
diff --git a/.eslintrc.json b/.eslintrc.json
deleted file mode 100644
index 214df0d..0000000
--- a/.eslintrc.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "env": {
-    "node": true
-  },
-  "extends": [
-    "eslint:recommended",
-    "prettier",
-    "plugin:react/recommended",
-    "plugin:mdx/recommended"
-  ],
-  "overrides": [
-    {
-      "files": [".mdx", ".md"],
-      "parser": "eslint-mdx",
-      "extends": "plugin:mdx/recommended"
-    },
-    {
-      "files": [".tsx", ".ts"],
-      "parser": "eslint-mdx",
-      "extends": "plugin:@typescript-eslint/recommended"
-    }
-  ],
-  "parserOptions": {
-    "ecmaVersion": 2021,
-    "sourceType": "module"
-  },
-  "settings": {
-    "react": {
-      "version": "detect"
-    },
-    "mdx/code-blocks": true
-  },
-  "plugins": ["@typescript-eslint", "react"],
-  "rules": {}
-}
diff --git a/.github/workflows/yarn.yml b/.github/workflows/yarn.yml
index a6824fd..9855f7f 100644
--- a/.github/workflows/yarn.yml
+++ b/.github/workflows/yarn.yml
@@ -1,6 +1,6 @@
 name: Website Yarn Build
 
-on: [create, push, pull_request, workflow_dispatch]
+on: [push, pull_request, workflow_dispatch]
 
 jobs:
   build:
@@ -20,12 +20,16 @@ jobs:
           install-command: yarn --frozen-lockfile
       - name: Check codestyle
         uses: wearerequired/lint-action@v1
+        if: ${{ github.repository == 'CloudNetService/website' }}
         with:
           eslint: true
           eslint_extensions: js,jsx,md,mdx,ts,tsx
           prettier: true
           prettier_extensions: js,jsx,css,md,mdx,ts,tsx
           neutral_check_on_warning: true
+      - name: Check codestyle on external repositories
+        if: ${{ github.repository != 'CloudNetService/website' }}
+        run: yarn test
       - name: Sync translations
         env:
           CROWDIN_PROJECT_ID: 4
diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
index fd17feb..a05b3b8 100644
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -6,6 +6,7 @@
         <option name="TAB_SIZE" value="2" />
       </value>
     </option>
+    <option name="LINE_SEPARATOR" value="&#10;" />
     <codeStyleSettings language="JavaScript">
       <indentOptions>
         <option name="INDENT_SIZE" value="2" />
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..0cd79d5
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,79 @@
+### Docusaurus
+.docusaurus/
+build/
+
+### Node template
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
\ No newline at end of file
diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1 @@
+{}
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 7783acb..a02912d 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -122,10 +122,10 @@ module.exports = {
               label: "CloudNet v3.3",
               path: "3.3",
             },
-            /*"2.2": {
+            /* "2.2": {
               "label": "CloudNet v2",
               "path": "2.2"
-            }*/
+            } */
           },
           lastVersion: "3.4",
           showLastUpdateTime: true,
diff --git a/package.json b/package.json
index aa472d0..44e7e95 100644
--- a/package.json
+++ b/package.json
@@ -33,20 +33,22 @@
   "devDependencies": {
     "@docusaurus/module-type-aliases": "^2.0.0-beta.4",
     "@tsconfig/docusaurus": "^1.0.2",
-    "@types/eslint": "7.28.0",
-    "@types/eslint-config-prettier": "6.11.0",
-    "@types/prettier": "2.3.2",
     "@types/react": "^17.0.14",
     "@types/react-helmet": "^6.1.2",
     "@types/react-router-dom": "^5.1.8",
     "@types/react-select": "^4.0.17",
-    "@typescript-eslint/eslint-plugin": "^4.28.4",
-    "@typescript-eslint/parser": "^4.28.4",
+    "@typescript-eslint/eslint-plugin": "^4.29.0",
+    "@typescript-eslint/parser": "^4.29.0",
     "eslint": "^7.32.0",
-    "eslint-config-prettier": "8.3.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-mdx": "^1.14.1",
+    "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-react": "^7.24.0",
-    "prettier": "2.3.2",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "prettier": "^2.3.2",
     "typescript": "^4.3.5"
   }
 }
diff --git a/src/js/_dependencyDownload.tsx b/src/js/_dependencyDownload.tsx
index 2b7036f..09d2b09 100644
--- a/src/js/_dependencyDownload.tsx
+++ b/src/js/_dependencyDownload.tsx
@@ -1,163 +1,7 @@
 import React from "react";
 import clsx from "clsx";
+import ReactSelect from "react-select";
 import styles from "../css/styles.module.css";
-import ReactSelect, { GroupTypeBase } from "react-select";
-import Select from "react-select/base";
-import StateManager from "react-select";
-
-function DependencyDownload() {
-  const [dependencyName, setDependencyName] = React.useState(
-    dependencies[0].name
-  );
-  const [versionName, setVersionName] = React.useState(
-    dependencies[0].currentVersion
-  );
-  const [versions, setVersions] = React.useState(getVersions(dependencies[0]));
-  const [downloadURL, setDownloadURL] = React.useState(() => {
-    let defaultDependency = dependencies[0];
-    let defaultVersion = defaultDependency.versions.find(
-      (version) => version.version === defaultDependency.currentVersion
-    );
-    return getDownloadURL(defaultVersion);
-  });
-  let versionsRef =
-    React.createRef<
-      StateManager<
-        { value: string; label: string },
-        false,
-        GroupTypeBase<{ value: string; label: string }>,
-        Select<
-          { value: string; label: string },
-          false,
-          GroupTypeBase<{ value: string; label: string }>
-        >
-      >
-    >();
-
-  function getVersions(dependency: Dependency) {
-    return dependency.versions.map((version) => {
-      return { value: version.version, label: version.version };
-    });
-  }
-
-  function getDownloadURL(version: DependencyVersion): string {
-    let templateURL = releaseTypes.find(
-      (releaseType) => releaseType.name === version.releaseType
-    ).url;
-    if (!templateURL) {
-      console.error(
-        `ReleaseType ${version.releaseType} of ${version.artifactId}(${version.version}) does not exist!`
-      );
-      return "";
-    }
-    return templateURL
-      .replace(/%groupId%/g, version.groupId)
-      .replace(/%artifactId%/g, version.artifactId)
-      .replace(/%version%/g, version.version);
-  }
-
-  function updateDownloadURL(dependency: string, version: string) {
-    let selectedDependency = dependencies.find(
-      (localDependency) => localDependency.name === dependency
-    );
-    let selectedVersion = selectedDependency.versions.find(
-      (localVersion) => localVersion.version === version
-    );
-    setDownloadURL(getDownloadURL(selectedVersion));
-  }
-
-  function handleDependencyChange(newValue) {
-    let selectedDependency = dependencies.find(
-      (dependency) => dependency.name === newValue.value
-    );
-    setDependencyName(selectedDependency.name);
-    setVersions(getVersions(selectedDependency));
-    setVersionName(selectedDependency.currentVersion);
-    versionsRef.current.select.setValue(
-      {
-        value: selectedDependency.currentVersion,
-        label: selectedDependency.currentVersion,
-      },
-      "select-option"
-    );
-    updateDownloadURL(
-      selectedDependency.name,
-      selectedDependency.currentVersion
-    );
-  }
-
-  function handleVersionChange(newValue) {
-    setVersionName(newValue.value);
-    updateDownloadURL(dependencyName, newValue.value);
-  }
-
-  const customTheme = (theme) => ({
-    ...theme,
-    colors: {
-      ...theme.colors,
-      primary: "#1d9ce1",
-      primary75: "rgba(29,156,225,0.95)",
-      primary50: "rgba(29,156,225,0.85)",
-      primary25: "rgba(29,156,225,0.75)",
-      neutral0: "var(--ifm-dropdown-background-color)",
-      neutral5: "var(--ifm-color-emphasis-0)",
-      neutral10: "var(--ifm-color-emphasis-100)",
-      neutral20: "var(--ifm-color-emphasis-200)",
-      neutral30: "var(--ifm-color-emphasis-300)",
-      neutral40: "var(--ifm-color-emphasis-400)",
-      neutral50: "var(--ifm-color-emphasis-500)",
-      neutral60: "var(--ifm-color-emphasis-600)",
-      neutral70: "var(--ifm-color-emphasis-700)",
-      neutral80: "var(--ifm-color-emphasis-800)",
-      neutral90: "var(--ifm-color-emphasis-900)",
-    },
-  });
-
-  return (
-    <div>
-      <div>
-        <h4>Dependency</h4>
-        <ReactSelect
-          options={dependencies.map((dependency) => {
-            return { value: dependency.name, label: dependency.name };
-          })}
-          defaultValue={{ value: dependencyName, label: dependencyName }}
-          onChange={handleDependencyChange}
-          className={clsx(styles.select)}
-          theme={customTheme}
-        />
-      </div>
-      <div>
-        <h4>Version</h4>
-        <ReactSelect
-          ref={versionsRef}
-          options={versions}
-          defaultValue={{ value: versionName, label: versionName }}
-          onChange={handleVersionChange}
-          className={clsx(styles.select)}
-          theme={customTheme}
-        />
-      </div>
-      <div>
-        <a
-          target="_blank"
-          className={clsx(
-            "button button--outline button--secondary button--mg",
-            styles.downloadButton
-          )}
-          href={downloadURL}
-          id="dependency-download"
-          rel="noopener noreferrer"
-          key={downloadURL}
-        >
-          Download
-        </a>
-      </div>
-    </div>
-  );
-}
-
-export default DependencyDownload;
 
 type ReleaseTypeName = "snapshot" | "release";
 
@@ -431,3 +275,143 @@ const releaseTypes: ReleaseType[] = [
     url: "https://repo.cloudnetservice.eu/repository/snapshots/%groupId%/%artifactId%/%version%/%artifactId%-%version%.jar",
   },
 ];
+
+function DependencyDownload() {
+  const [dependencyName, setDependencyName] = React.useState(
+    dependencies[0].name
+  );
+  const [versionName, setVersionName] = React.useState(
+    dependencies[0].currentVersion
+  );
+
+  function getVersions(dependency: Dependency) {
+    return dependency.versions.map((version) => {
+      return { value: version.version, label: version.version };
+    });
+  }
+
+  function getDownloadURL(version: DependencyVersion): string {
+    const templateURL = releaseTypes.find(
+      (releaseType) => releaseType.name === version.releaseType
+    ).url;
+    if (!templateURL) {
+      return "";
+    }
+    return templateURL
+      .replace(/%groupId%/g, version.groupId)
+      .replace(/%artifactId%/g, version.artifactId)
+      .replace(/%version%/g, version.version);
+  }
+
+  const [versions, setVersions] = React.useState(getVersions(dependencies[0]));
+  const [downloadURL, setDownloadURL] = React.useState(() => {
+    const defaultDependency = dependencies[0];
+    const defaultVersion = defaultDependency.versions.find(
+      (version) => version.version === defaultDependency.currentVersion
+    );
+    return getDownloadURL(defaultVersion);
+  });
+  const versionsRef = React.createRef<any>();
+
+  function updateDownloadURL(dependency: string, version: string) {
+    const selectedDependency = dependencies.find(
+      (localDependency) => localDependency.name === dependency
+    );
+    const selectedVersion = selectedDependency.versions.find(
+      (localVersion) => localVersion.version === version
+    );
+    setDownloadURL(getDownloadURL(selectedVersion));
+  }
+
+  function handleDependencyChange(newValue) {
+    const selectedDependency = dependencies.find(
+      (dependency) => dependency.name === newValue.value
+    );
+    setDependencyName(selectedDependency.name);
+    setVersions(getVersions(selectedDependency));
+    setVersionName(selectedDependency.currentVersion);
+    versionsRef.current.select.setValue(
+      {
+        value: selectedDependency.currentVersion,
+        label: selectedDependency.currentVersion,
+      },
+      "select-option"
+    );
+    updateDownloadURL(
+      selectedDependency.name,
+      selectedDependency.currentVersion
+    );
+  }
+
+  function handleVersionChange(newValue) {
+    setVersionName(newValue.value);
+    updateDownloadURL(dependencyName, newValue.value);
+  }
+
+  const customTheme = (theme) => ({
+    ...theme,
+    colors: {
+      ...theme.colors,
+      primary: "#1d9ce1",
+      primary75: "rgba(29,156,225,0.95)",
+      primary50: "rgba(29,156,225,0.85)",
+      primary25: "rgba(29,156,225,0.75)",
+      neutral0: "var(--ifm-dropdown-background-color)",
+      neutral5: "var(--ifm-color-emphasis-0)",
+      neutral10: "var(--ifm-color-emphasis-100)",
+      neutral20: "var(--ifm-color-emphasis-200)",
+      neutral30: "var(--ifm-color-emphasis-300)",
+      neutral40: "var(--ifm-color-emphasis-400)",
+      neutral50: "var(--ifm-color-emphasis-500)",
+      neutral60: "var(--ifm-color-emphasis-600)",
+      neutral70: "var(--ifm-color-emphasis-700)",
+      neutral80: "var(--ifm-color-emphasis-800)",
+      neutral90: "var(--ifm-color-emphasis-900)",
+    },
+  });
+
+  return (
+    <div>
+      <div>
+        <h4>Dependency</h4>
+        <ReactSelect
+          options={dependencies.map((dependency) => {
+            return { value: dependency.name, label: dependency.name };
+          })}
+          defaultValue={{ value: dependencyName, label: dependencyName }}
+          onChange={handleDependencyChange}
+          className={clsx(styles.select)}
+          theme={customTheme}
+        />
+      </div>
+      <div>
+        <h4>Version</h4>
+        <ReactSelect
+          ref={versionsRef}
+          options={versions}
+          defaultValue={{ value: versionName, label: versionName }}
+          onChange={handleVersionChange}
+          className={clsx(styles.select)}
+          theme={customTheme}
+        />
+      </div>
+      <div>
+        <a
+          target="_blank"
+          className={clsx(
+            "button button--outline button--secondary button--mg",
+            styles.downloadButton
+          )}
+          href={downloadURL}
+          id="dependency-download"
+          rel="noopener noreferrer"
+          key={downloadURL}
+        >
+          Download
+        </a>
+      </div>
+    </div>
+  );
+}
+
+export default DependencyDownload;
diff --git a/src/pages/imprint.tsx b/src/pages/imprint.tsx
index 1bcef94..2b8e75f 100644
--- a/src/pages/imprint.tsx
+++ b/src/pages/imprint.tsx
@@ -5,7 +5,7 @@ import styles from "./styles.module.css";
 
 function Home() {
   return (
-    <Layout title={`Impressum`}>
+    <Layout title="Impressum">
       <main className={clsx("container", styles.legalText)}>
         <h1>Impressum</h1>
         <h2>Angaben gemäß § 5 TMG</h2>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 877a6e4..4df500c 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -4,11 +4,14 @@ import Layout from "@theme/Layout";
 import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import useBaseUrl from "@docusaurus/useBaseUrl";
-import styles from "./styles.module.css";
 import Icon from "@material-ui/core/Icon";
 import Translate from "@docusaurus/Translate";
+import styles from "./styles.module.css";
 
 type FeatureProps = {
+  // Strange false positive, eslint does not recognise that React is using this prop as key
+  // eslint-disable-next-line react/no-unused-prop-types
+  reference: string;
   title: any;
   icon: string;
   description: any;
@@ -16,6 +19,7 @@ type FeatureProps = {
 
 const features: FeatureProps[] = [
   {
+    reference: "opensource",
     title: (
       <Translate id="homepage.feature.openSource.title">
         Free & OpenSource
@@ -46,6 +50,7 @@ const features: FeatureProps[] = [
     ),
   },
   {
+    reference: "support",
     title: <Translate id="homepage.feature.support.title">Support</Translate>,
     icon: "people",
     description: (
@@ -72,6 +77,7 @@ const features: FeatureProps[] = [
     ),
   },
   {
+    reference: "scalable",
     title: <Translate id="homepage.feature.scalable.title">Scalable</Translate>,
     icon: "trending_up",
     description: (
@@ -101,7 +107,7 @@ function Home() {
   const { siteConfig = {} } = context;
   return (
     <Layout
-      title={`CloudNET - The Cloud Network Environment Technology`}
+      title="CloudNET - The Cloud Network Environment Technology"
       description="A modern application that can dynamically and easily deploy Minecraft oriented software."
     >
       <header className={clsx("hero hero--primary", styles.heroBanner)}>
@@ -135,8 +141,14 @@ function Home() {
           <section className={styles.features}>
             <div className="container">
               <div className="row">
-                {features.map((props, idx) => (
-                  <Feature key={idx} {...props} />
+                {features.map((featureProps: FeatureProps) => (
+                  <Feature
+                    key={featureProps.reference}
+                    title={featureProps.title}
+                    description={featureProps.description}
+                    icon={featureProps.icon}
+                    reference={featureProps.reference}
+                  />
                 ))}
               </div>
             </div>
diff --git a/src/pages/privacy.tsx b/src/pages/privacy.tsx
index be019fd..d911b0a 100644
--- a/src/pages/privacy.tsx
+++ b/src/pages/privacy.tsx
@@ -5,7 +5,7 @@ import styles from "./styles.module.css";
 
 function Home() {
   return (
-    <Layout title={`Datenschutzerklärung`}>
+    <Layout title="Datenschutzerklärung">
       <main className={clsx("container", styles.legalText)}>
         <h1>Datenschutzerklärung</h1>
         <p>
diff --git a/yarn.lock b/yarn.lock
index 5df43ba..25d712f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1105,6 +1105,14 @@
     "@babel/helper-validator-option" "^7.14.5"
     "@babel/plugin-transform-typescript" "^7.14.5"
 
+"@babel/runtime-corejs3@^7.10.2":
+  version "7.14.9"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.14.9.tgz#fb21b1cf11650dcb8fcf4de2e6b3b8cf411da3f3"
+  integrity sha512-64RiH2ON4/y8qYtoa8rUiyam/tUVyGqRyNYhe+vCRGmjnV4bUlZvY+mwd0RrmLoCpJpdq3RsrNqKb7SJdw/4kw==
+  dependencies:
+    core-js-pure "^3.16.0"
+    regenerator-runtime "^0.13.4"
+
 "@babel/runtime-corejs3@^7.12.13":
   version "7.14.7"
   resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.14.7.tgz#0ef292bbce40ca00f874c9724ef175a12476465c"
@@ -1120,6 +1128,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.11.2":
+  version "7.14.8"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.14.8.tgz#7119a56f421018852694290b9f9148097391b446"
+  integrity sha512-twj3L8Og5SaCRCErB4x4ajbvBIVV77CGeFglHpeg5WC5FF8TZzBWXtTJ4MqaD9QszLYTtr+IsaAL2rEUevb+eg==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/template@^7.12.7", "@babel/template@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.14.5.tgz#a9bc9d8b33354ff6e55a9c60d1109200a68974f4"
@@ -1937,11 +1952,6 @@
   resolved "https://registry.yarnpkg.com/@tsconfig/docusaurus/-/docusaurus-1.0.3.tgz#040582bdceb27336d7abf2301fb0f4c909a9ac2f"
   integrity sha512-g4X3HvNXbkowvEdPLu759fZjbXoazPjvi2a/fAAITp2yMOGeSKpHuY6N538ZY+1u6Z91Er3QKPtYGdZQ+tqXUA==
 
-"@types/eslint-config-prettier@6.11.0":
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/@types/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz#5e944e94240df9c1ba755c3b1ebc3879d96ab991"
-  integrity sha512-UBuZMZVog9c9jXvArbYtWH570sRWNaU6kEnUAHsHb/+zAufzPT4I+gMkUR2dVPWlqiceoRU1thjUVdGrAWVpCA==
-
 "@types/eslint-scope@^3.7.0":
   version "3.7.1"
   resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.1.tgz#8dc390a7b4f9dd9f1284629efce982e41612116e"
@@ -1950,7 +1960,7 @@
     "@types/eslint" "*"
     "@types/estree" "*"
 
-"@types/eslint@*", "@types/eslint@7.28.0":
+"@types/eslint@*":
   version "7.28.0"
   resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.28.0.tgz#7e41f2481d301c68e14f483fe10b017753ce8d5a"
   integrity sha512-07XlgzX0YJUn4iG1ocY4IX9DzKSmMGUs6ESKlxWhZRaa0fatIWaHWUVapcuGa8r5HFnTqzj+4OCjd5f7EZ/i/A==
@@ -2030,11 +2040,6 @@
   resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-5.0.3.tgz#e7b5aebbac150f8b5fdd4a46e7f0bd8e65e19109"
   integrity sha512-kUNnecmtkunAoQ3CnjmMkzNU/gtxG8guhi+Fk2U/kOpIKjIMKnXGp4IJCgQJrXSgMsWYimYG4TGjz/UzbGEBTw==
 
-"@types/prettier@2.3.2":
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.3.2.tgz#fc8c2825e4ed2142473b4a81064e6e081463d1b3"
-  integrity sha512-eI5Yrz3Qv4KPUa/nSIAi0h+qX0XyewOliug5F2QAtuRg6Kjg6jfmxe1GIwoIRhZspD1A0RP8ANrPwvEXXtRFog==
-
 "@types/prop-types@*":
   version "15.7.4"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.4.tgz#fcf7205c25dff795ee79af1e30da2c9790808f11"
@@ -2128,7 +2133,7 @@
   resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.5.tgz#fdd299f23205c3455af88ce618dd65c14cb73e22"
   integrity sha512-wnra4Vw9dopnuybR6HBywJ/URYpYrKLoepBTEtgfJup8Ahoi2zJECPP2cwiXp7btTvOT2CULv87aQRA4eZSP6g==
 
-"@typescript-eslint/eslint-plugin@^4.28.4":
+"@typescript-eslint/eslint-plugin@^4.29.0":
   version "4.29.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.29.0.tgz#b866c9cd193bfaba5e89bade0015629ebeb27996"
   integrity sha512-eiREtqWRZ8aVJcNru7cT/AMVnYd9a2UHsfZT8MR1dW3UUEg6jDv9EQ9Cq4CUPZesyQ58YUpoAADGv71jY8RwgA==
@@ -2153,7 +2158,7 @@
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
-"@typescript-eslint/parser@^4.28.4":
+"@typescript-eslint/parser@^4.29.0":
   version "4.29.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.29.0.tgz#e5367ca3c63636bb5d8e0748fcbab7a4f4a04289"
   integrity sha512-+92YRNHFdXgq+GhWQPT2bmjX09X7EH36JfgN2/4wmhtwV/HPxozpCNst8jrWcngLtEVd/4zAwA6BKojAlf+YqA==
@@ -2390,9 +2395,9 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.12.4, ajv@^6.12.5:
     uri-js "^4.2.2"
 
 ajv@^8.0.1:
-  version "8.6.1"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.6.1.tgz#ae65764bf1edde8cd861281cda5057852364a295"
-  integrity sha512-42VLtQUOLefAvKFAQIxIZDaThq6om/PrfP0CYk3/vn+y4BMNkKnbli8ON2QCiHov4KkzOSJ/xSoBJdayiiYvVQ==
+  version "8.6.2"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.6.2.tgz#2fb45e0e5fcbc0813326c1c3da535d1881bb0571"
+  integrity sha512-9807RlWAgT564wT+DjeyU5OFMPjmzxVobvDFmNAhY+5zD6A2ly3jDp6sgnfyDtlIQ+7H97oc/DGCzzfu9rjw9w==
   dependencies:
     fast-deep-equal "^3.1.1"
     json-schema-traverse "^1.0.0"
@@ -2522,6 +2527,14 @@ argparse@^2.0.1:
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
   integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
+aria-query@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-4.2.2.tgz#0d2ca6c9aceb56b8977e9fed6aed7e15bbd2f83b"
+  integrity sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==
+  dependencies:
+    "@babel/runtime" "^7.10.2"
+    "@babel/runtime-corejs3" "^7.10.2"
+
 arr-diff@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
@@ -2547,7 +2560,7 @@ array-flatten@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
   integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
 
-array-includes@^3.1.2, array-includes@^3.1.3:
+array-includes@^3.1.1, array-includes@^3.1.2, array-includes@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.3.tgz#c7f619b382ad2afaf5326cddfdc0afc61af7690a"
   integrity sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==
@@ -2580,6 +2593,15 @@ array-unique@^0.3.2:
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
   integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
 
+array.prototype.flat@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz#6ef638b43312bd401b4c6199fdec7e2dc9e9a123"
+  integrity sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==
+  dependencies:
+    call-bind "^1.0.0"
+    define-properties "^1.1.3"
+    es-abstract "^1.18.0-next.1"
+
 array.prototype.flatmap@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.2.4.tgz#94cfd47cc1556ec0747d97f7c7738c58122004c9"
@@ -2600,6 +2622,11 @@ assign-symbols@^1.0.0:
   resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
   integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=
 
+ast-types-flow@^0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz#f70b735c6bca1a5c9c22d982c3e39e7feba3bdad"
+  integrity sha1-9wtzXGvKGlycItmCw+Oef+ujva0=
+
 astral-regex@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
@@ -2639,6 +2666,11 @@ autoprefixer@^10.2.0, autoprefixer@^10.2.5:
     normalize-range "^0.1.2"
     postcss-value-parser "^4.1.0"
 
+axe-core@^4.0.2:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.3.2.tgz#fcf8777b82c62cfc69c7e9f32c0d2226287680e7"
+  integrity sha512-5LMaDRWm8ZFPAEdzTYmgjjEdj1YnQcpfrVajO/sn/LhbpGp0Y0H64c2hLZI1gRMxfA+w1S71Uc/nHaOXgcCvGg==
+
 axios@^0.21.1:
   version "0.21.1"
   resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.1.tgz#22563481962f4d6bde9a76d516ef0e5d3c09b2b8"
@@ -2646,6 +2678,11 @@ axios@^0.21.1:
   dependencies:
     follow-redirects "^1.10.0"
 
+axobject-query@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.2.0.tgz#943d47e10c0b704aa42275e20edf3722648989be"
+  integrity sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==
+
 babel-loader@^8.2.2:
   version "8.2.2"
   resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.2.2.tgz#9363ce84c10c9a40e6c753748e1441b60c8a0b81"
@@ -2981,7 +3018,15 @@ chalk@2.4.2, chalk@^2.0.0, chalk@^2.4.1:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.1:
+chalk@^4.0.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chalk@^4.1.0, chalk@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.1.tgz#c80b3fab28bf6371e6863325eee67e618b77e6ad"
   integrity sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==
@@ -3282,6 +3327,11 @@ configstore@^5.0.1:
     write-file-atomic "^3.0.0"
     xdg-basedir "^4.0.0"
 
+confusing-browser-globals@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.10.tgz#30d1e7f3d1b882b25ec4933d1d1adac353d20a59"
+  integrity sha512-gNld/3lySHwuhaVluJUKLePYirM3QNCKzVxqAdhJII9/WXKVX5PURzMVJspS1jTslSqjeuG4KMVTSouit5YPHA==
+
 connect-history-api-fallback@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
@@ -3362,6 +3412,11 @@ core-js-pure@^3.15.0:
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.15.2.tgz#c8e0874822705f3385d3197af9348f7c9ae2e3ce"
   integrity sha512-D42L7RYh1J2grW8ttxoY1+17Y4wXZeKe7uyplAI3FkNQyI5OgBIAjUfFiTPfL1rs0qLpxaabITNbjKl1Sp82tA==
 
+core-js-pure@^3.16.0:
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.16.0.tgz#218e07add3f1844e53fab195c47871fc5ba18de8"
+  integrity sha512-wzlhZNepF/QA9yvx3ePDgNGudU5KDB8lu/TRPKelYA/QtSnkS/cLl2W+TIdEX1FAFcBr0YpY7tPDlcmXJ7AyiQ==
+
 core-js@^3.9.1:
   version "3.15.2"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.15.2.tgz#740660d2ff55ef34ce664d7e2455119c5bdd3d61"
@@ -3619,14 +3674,19 @@ csstype@^3.0.2:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.8.tgz#d2266a792729fb227cd216fb572f43728e1ad340"
   integrity sha512-jXKhWqXPmlUeoQnF/EhTtTl4C9SnrxSH/jZUih3jmO6lBKr99rP3/+FmrMj4EFpOXzMtXHAZkd3x0E6h6Fgflw==
 
-debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0:
+damerau-levenshtein@^1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.7.tgz#64368003512a1a6992593741a09a9d31a836f55d"
+  integrity sha512-VvdQIPGdWP0SqFXghj79Wf/5LArmreyMsGLa6FG6iC4t3j7j5s71TrwWmT/4akbDQIqjfACkLZmjXhA7g2oUZw==
+
+debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
   dependencies:
     ms "2.0.0"
 
-debug@^3.1.1, debug@^3.2.6:
+debug@^3.1.1, debug@^3.2.6, debug@^3.2.7:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
   integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
@@ -3971,6 +4031,11 @@ emoji-regex@^8.0.0:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
   integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
 
+emoji-regex@^9.0.0:
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
+  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+
 emojis-list@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
@@ -4032,7 +4097,7 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.17.2, es-abstract@^1.18.0-next.1, es-abstract@^1.18.0-next.2, es-abstract@^1.18.2:
+es-abstract@^1.17.2, es-abstract@^1.18.0-next.2, es-abstract@^1.18.2:
   version "1.18.3"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.3.tgz#25c4c3380a27aa203c44b2b685bba94da31b63e0"
   integrity sha512-nQIr12dxV7SSxE6r6f1l3DtAeEYdsGpps13dR0TwJg1S8gyp4ZPgy3FZcHBgbiQqnoqSTb+oC+kO4UQ0C/J8vw==
@@ -4054,6 +4119,29 @@ es-abstract@^1.17.2, es-abstract@^1.18.0-next.1, es-abstract@^1.18.0-next.2, es-
     string.prototype.trimstart "^1.0.4"
     unbox-primitive "^1.0.1"
 
+es-abstract@^1.18.0-next.1:
+  version "1.18.5"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.5.tgz#9b10de7d4c206a3581fd5b2124233e04db49ae19"
+  integrity sha512-DDggyJLoS91CkJjgauM5c0yZMjiD1uK3KcaCeAmffGwZ+ODWzOkPN4QwRbsK5DOFf06fywmyLci3ZD8jLGhVYA==
+  dependencies:
+    call-bind "^1.0.2"
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    get-intrinsic "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.2"
+    internal-slot "^1.0.3"
+    is-callable "^1.2.3"
+    is-negative-zero "^2.0.1"
+    is-regex "^1.1.3"
+    is-string "^1.0.6"
+    object-inspect "^1.11.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.2"
+    string.prototype.trimend "^1.0.4"
+    string.prototype.trimstart "^1.0.4"
+    unbox-primitive "^1.0.1"
+
 es-module-lexer@^0.7.1:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.7.1.tgz#c2c8e0f46f2df06274cdaf0dd3f3b33e0a0b267d"
@@ -4098,11 +4186,37 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-eslint-config-prettier@8.3.0:
+eslint-config-airbnb-base@^14.2.1:
+  version "14.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.1.tgz#8a2eb38455dc5a312550193b319cdaeef042cd1e"
+  integrity sha512-GOrQyDtVEc1Xy20U7vsB2yAoB4nBlfH5HZJeatRXHleO+OS5Ot+MWij4Dpltw4/DyIkqUfqz1epfhVR5XWWQPA==
+  dependencies:
+    confusing-browser-globals "^1.0.10"
+    object.assign "^4.1.2"
+    object.entries "^1.1.2"
+
+eslint-config-airbnb@^18.2.1:
+  version "18.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-airbnb/-/eslint-config-airbnb-18.2.1.tgz#b7fe2b42f9f8173e825b73c8014b592e449c98d9"
+  integrity sha512-glZNDEZ36VdlZWoxn/bUR1r/sdFKPd1mHPbqUtkctgNG4yT2DLLtJ3D+yCV+jzZCc2V1nBVkmdknOJBZ5Hc0fg==
+  dependencies:
+    eslint-config-airbnb-base "^14.2.1"
+    object.assign "^4.1.2"
+    object.entries "^1.1.2"
+
+eslint-config-prettier@^8.3.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz#f7471b20b6fe8a9a9254cc684454202886a2dd7a"
   integrity sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==
 
+eslint-import-resolver-node@^0.3.4:
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
+  integrity sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==
+  dependencies:
+    debug "^2.6.9"
+    resolve "^1.13.1"
+
 eslint-mdx@^1.14.1:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/eslint-mdx/-/eslint-mdx-1.14.1.tgz#c4133f3383d5b58315efc01ddc7d139eb8b72dd9"
@@ -4113,6 +4227,52 @@ eslint-mdx@^1.14.1:
     tslib "^2.3.0"
     unified "^9.2.1"
 
+eslint-module-utils@^2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.6.1.tgz#b51be1e473dd0de1c5ea638e22429c2490ea8233"
+  integrity sha512-ZXI9B8cxAJIH4nfkhTwcRTEAnrVfobYqwjWy/QMCZ8rHkZHFjf9yO4BzpiF9kCSfNlMG54eKigISHpX0+AaT4A==
+  dependencies:
+    debug "^3.2.7"
+    pkg-dir "^2.0.0"
+
+eslint-plugin-import@^2.23.4:
+  version "2.23.4"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.23.4.tgz#8dceb1ed6b73e46e50ec9a5bb2411b645e7d3d97"
+  integrity sha512-6/wP8zZRsnQFiR3iaPFgh5ImVRM1WN5NUWfTIRqwOdeiGJlBcSk82o1FEVq8yXmy4lkIzTo7YhHCIxlU/2HyEQ==
+  dependencies:
+    array-includes "^3.1.3"
+    array.prototype.flat "^1.2.4"
+    debug "^2.6.9"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.4"
+    eslint-module-utils "^2.6.1"
+    find-up "^2.0.0"
+    has "^1.0.3"
+    is-core-module "^2.4.0"
+    minimatch "^3.0.4"
+    object.values "^1.1.3"
+    pkg-up "^2.0.0"
+    read-pkg-up "^3.0.0"
+    resolve "^1.20.0"
+    tsconfig-paths "^3.9.0"
+
+eslint-plugin-jsx-a11y@^6.4.1:
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz#a2d84caa49756942f42f1ffab9002436391718fd"
+  integrity sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    aria-query "^4.2.2"
+    array-includes "^3.1.1"
+    ast-types-flow "^0.0.7"
+    axe-core "^4.0.2"
+    axobject-query "^2.2.0"
+    damerau-levenshtein "^1.0.6"
+    emoji-regex "^9.0.0"
+    has "^1.0.3"
+    jsx-ast-utils "^3.1.0"
+    language-tags "^1.0.5"
+
 eslint-plugin-markdown@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-markdown/-/eslint-plugin-markdown-2.2.0.tgz#9c30bd51538a815e87e96646c69f11466b4c165f"
@@ -4136,6 +4296,18 @@ eslint-plugin-mdx@^1.14.1:
     unified "^9.2.1"
     vfile "^4.2.1"
 
+eslint-plugin-prettier@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.0.tgz#cdbad3bf1dbd2b177e9825737fe63b476a08f0c7"
+  integrity sha512-UDK6rJT6INSfcOo545jiaOwB701uAIt2/dR7WnFQoGCVl1/EMqdANBmwUaqqQ45aXprsTGzSa39LI1PyuRBxxw==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+
+eslint-plugin-react-hooks@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz#8c229c268d468956334c943bb45fc860280f5556"
+  integrity sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==
+
 eslint-plugin-react@^7.24.0:
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.24.0.tgz#eadedfa351a6f36b490aa17f4fa9b14e842b9eb4"
@@ -4430,6 +4602,11 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-diff@^1.1.2:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
+  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
+
 fast-glob@^3.1.1, fast-glob@^3.2.5:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.7.tgz#fd6cb7a2d7e9aa7a7846111e85a196d6b2f766a1"
@@ -4583,6 +4760,13 @@ find-up@4.1.0, find-up@^4.0.0:
     locate-path "^5.0.0"
     path-exists "^4.0.0"
 
+find-up@^2.0.0, find-up@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
+  integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
+  dependencies:
+    locate-path "^2.0.0"
+
 find-up@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
@@ -4607,9 +4791,9 @@ flat-cache@^3.0.4:
     rimraf "^3.0.2"
 
 flatted@^3.1.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.1.tgz#bbef080d95fca6709362c73044a1634f7c6e7d05"
-  integrity sha512-OMQjaErSFHmHqZe+PSidH5n8j3O0F2DdnVh8JB4j4eUQ2k6KvB0qGfrKIhapvez5JerBbmWkaLYUYWISaESoXg==
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.2.tgz#64bfed5cb68fe3ca78b3eb214ad97b63bedce561"
+  integrity sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==
 
 flux@^4.0.1:
   version "4.0.1"
@@ -5098,6 +5282,11 @@ hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.1, hoist-non-react-
   dependencies:
     react-is "^16.7.0"
 
+hosted-git-info@^2.1.4:
+  version "2.8.9"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
+  integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
+
 hpack.js@^2.1.6:
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
@@ -5497,7 +5686,7 @@ is-color-stop@^1.1.0:
     rgb-regex "^1.0.1"
     rgba-regex "^1.0.0"
 
-is-core-module@^2.2.0:
+is-core-module@^2.2.0, is-core-module@^2.4.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.5.0.tgz#f754843617c70bfd29b7bd87327400cda5c18491"
   integrity sha512-TXCMSDsEHMEEZ6eCA8rwRDbLu55MRGmrctljsBX/2v1d9/GzqHOxW5c5oPSgrUt2vBFXebu9rGqckXGPWOlYpg==
@@ -5847,7 +6036,7 @@ json-buffer@3.0.0:
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
   integrity sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=
 
-json-parse-better-errors@^1.0.2:
+json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
   integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
@@ -5884,7 +6073,7 @@ json5@^1.0.1:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2:
+json5@^2.1.2, json5@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.0.tgz#2dfefe720c6ba525d9ebd909950f0515316c89a3"
   integrity sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==
@@ -5970,7 +6159,7 @@ jss@10.7.1, jss@^10.5.1:
     is-in-browser "^1.1.3"
     tiny-warning "^1.0.2"
 
-"jsx-ast-utils@^2.4.1 || ^3.0.0":
+"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.2.0.tgz#41108d2cec408c3453c1bbe8a4aae9e1e2bd8f82"
   integrity sha512-EIsmt3O3ljsU6sot/J4E1zDRxfBNrhjyf/OKjlydwgEimQuznlM4Wv7U+ueONJMyEn1WRE0K8dhi3dVAXYT24Q==
@@ -6024,6 +6213,18 @@ klona@^2.0.4:
   resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.4.tgz#7bb1e3affb0cb8624547ef7e8f6708ea2e39dfc0"
   integrity sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA==
 
+language-subtag-registry@~0.3.2:
+  version "0.3.21"
+  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz#04ac218bea46f04cb039084602c6da9e788dd45a"
+  integrity sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==
+
+language-tags@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.5.tgz#d321dbc4da30ba8bf3024e040fa5c14661f9193a"
+  integrity sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=
+  dependencies:
+    language-subtag-registry "~0.3.2"
+
 latest-version@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-5.1.0.tgz#119dfe908fe38d15dfa43ecd13fa12ec8832face"
@@ -6049,6 +6250,16 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
+load-json-file@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
+  integrity sha1-L19Fq5HjMhYjT9U62rZo607AmTs=
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^4.0.0"
+    pify "^3.0.0"
+    strip-bom "^3.0.0"
+
 loader-runner@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.2.0.tgz#d7022380d66d14c5fb1d496b89864ebcfd478384"
@@ -6072,6 +6283,14 @@ loader-utils@^1.2.3, loader-utils@^1.4.0:
     emojis-list "^3.0.0"
     json5 "^1.0.1"
 
+locate-path@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
+  integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
+  dependencies:
+    p-locate "^2.0.0"
+    path-exists "^3.0.0"
+
 locate-path@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
@@ -6633,6 +6852,16 @@ node-releases@^1.1.61, node-releases@^1.1.71:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.73.tgz#dd4e81ddd5277ff846b80b52bb40c49edf7a7b20"
   integrity sha512-uW7fodD6pyW2FZNZnp/Z3hvWKeEW1Y8R1+1CnErE8cXFXzl5blBOoVB41CvMer6P6Q0S5FXDwcHgFd1Wj0U9zg==
 
+normalize-package-data@^2.3.2:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
+  integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
+  dependencies:
+    hosted-git-info "^2.1.4"
+    resolve "^1.10.0"
+    semver "2 || 3 || 4 || 5"
+    validate-npm-package-license "^3.0.1"
+
 normalize-path@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
@@ -6707,7 +6936,7 @@ object-copy@^0.1.0:
     define-property "^0.2.5"
     kind-of "^3.0.3"
 
-object-inspect@^1.10.3, object-inspect@^1.9.0:
+object-inspect@^1.10.3, object-inspect@^1.11.0, object-inspect@^1.9.0:
   version "1.11.0"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.11.0.tgz#9dceb146cedd4148a0d9e51ab88d34cf509922b1"
   integrity sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg==
@@ -6742,7 +6971,7 @@ object.assign@^4.1.0, object.assign@^4.1.2:
     has-symbols "^1.0.1"
     object-keys "^1.1.1"
 
-object.entries@^1.1.4:
+object.entries@^1.1.2, object.entries@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.4.tgz#43ccf9a50bc5fd5b649d45ab1a579f24e088cafd"
   integrity sha512-h4LWKWE+wKQGhtMjZEBud7uLGhqyLwj8fpHOarZhD2uY3C9cRtk57VQ89ke3moByLXMedqs3XCHzyb4AmA2DjA==
@@ -6777,7 +7006,7 @@ object.pick@^1.3.0:
   dependencies:
     isobject "^3.0.1"
 
-object.values@^1.1.0, object.values@^1.1.4:
+object.values@^1.1.0, object.values@^1.1.3, object.values@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.4.tgz#0d273762833e816b693a637d30073e7051535b30"
   integrity sha512-TnGo7j4XSnKQoK3MfvkzqKCi0nVe/D9I9IjwTNYdb/fxYHpjrluHVOgw0AF6jrRFGMPHdfuidR09tIDiIvnaSg==
@@ -6866,6 +7095,13 @@ p-finally@^1.0.0:
   resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
   integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
 
+p-limit@^1.1.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
+  integrity sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==
+  dependencies:
+    p-try "^1.0.0"
+
 p-limit@^2.0.0, p-limit@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
@@ -6880,6 +7116,13 @@ p-limit@^3.0.2, p-limit@^3.1.0:
   dependencies:
     yocto-queue "^0.1.0"
 
+p-locate@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
+  integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
+  dependencies:
+    p-limit "^1.1.0"
+
 p-locate@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
@@ -6920,6 +7163,11 @@ p-retry@^3.0.1:
   dependencies:
     retry "^0.12.0"
 
+p-try@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
+  integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
+
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -6962,6 +7210,14 @@ parse-entities@^2.0.0:
     is-decimal "^1.0.0"
     is-hexadecimal "^1.0.0"
 
+parse-json@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
+  integrity sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=
+  dependencies:
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
+
 parse-json@^5.0.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
@@ -7062,6 +7318,13 @@ path-to-regexp@^1.7.0:
   dependencies:
     isarray "0.0.1"
 
+path-type@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
+  integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==
+  dependencies:
+    pify "^3.0.0"
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
@@ -7077,6 +7340,11 @@ pify@^2.0.0:
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
   integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
 
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
+
 pify@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
@@ -7094,6 +7362,13 @@ pinkie@^2.0.0:
   resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
   integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
 
+pkg-dir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
+  integrity sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=
+  dependencies:
+    find-up "^2.1.0"
+
 pkg-dir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
@@ -7115,6 +7390,13 @@ pkg-up@3.1.0:
   dependencies:
     find-up "^3.0.0"
 
+pkg-up@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f"
+  integrity sha1-yBmscoBZpGHKscOImivjxJoATX8=
+  dependencies:
+    find-up "^2.1.0"
+
 popper.js@1.16.1-lts:
   version "1.16.1-lts"
   resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.1-lts.tgz#cf6847b807da3799d80ee3d6d2f90df8a3f50b05"
@@ -7445,7 +7727,14 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
 
-prettier@2.3.2:
+prettier-linter-helpers@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  dependencies:
+    fast-diff "^1.1.2"
+
+prettier@^2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.2.tgz#ef280a05ec253712e486233db5c6f23441e7342d"
   integrity sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==
@@ -7828,6 +8117,23 @@ react@^17.0.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
+read-pkg-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-3.0.0.tgz#3ed496685dba0f8fe118d0691dc51f4a1ff96f07"
+  integrity sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=
+  dependencies:
+    find-up "^2.0.0"
+    read-pkg "^3.0.0"
+
+read-pkg@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
+  integrity sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=
+  dependencies:
+    load-json-file "^4.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^3.0.0"
+
 readable-stream@^2.0.1, readable-stream@^2.0.2:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
@@ -8146,7 +8452,7 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
-resolve@^1.1.6, resolve@^1.14.2, resolve@^1.3.2:
+resolve@^1.1.6, resolve@^1.10.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.20.0, resolve@^1.3.2:
   version "1.20.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
   integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
@@ -8327,16 +8633,16 @@ semver-diff@^3.1.1:
   dependencies:
     semver "^6.3.0"
 
+"semver@2 || 3 || 4 || 5", semver@^5.4.1, semver@^5.5.0, semver@^5.6.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
+  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+
 semver@7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@^5.4.1, semver@^5.5.0, semver@^5.6.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
-  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
-
 semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
@@ -8649,6 +8955,32 @@ space-separated-tokens@^1.0.0:
   resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz#85f32c3d10d9682007e917414ddc5c26d1aa6899"
   integrity sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA==
 
+spdx-correct@^3.0.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
+  integrity sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==
+  dependencies:
+    spdx-expression-parse "^3.0.0"
+    spdx-license-ids "^3.0.0"
+
+spdx-exceptions@^2.1.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz#3f28ce1a77a00372683eade4a433183527a2163d"
+  integrity sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==
+
+spdx-expression-parse@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz#cf70f50482eefdc98e3ce0a6833e4a53ceeba679"
+  integrity sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==
+  dependencies:
+    spdx-exceptions "^2.1.0"
+    spdx-license-ids "^3.0.0"
+
+spdx-license-ids@^3.0.0:
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.9.tgz#8a595135def9592bda69709474f1cbeea7c2467f"
+  integrity sha512-Ki212dKK4ogX+xDo4CtOZBVIwhsKBEfsEEcwmJfLQzirgc2jIWdzg40Unxz/HzEUqM1WFzVlQSMF9kZZ2HboLQ==
+
 spdy-transport@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
@@ -8820,6 +9152,11 @@ strip-bom-string@^1.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom-string/-/strip-bom-string-1.0.0.tgz#e5211e9224369fbb81d633a2f00044dc8cedad92"
   integrity sha1-5SEekiQ2n7uB1jOi8ABE3IztrZI=
 
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
+
 strip-eof@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
@@ -9082,6 +9419,15 @@ ts-essentials@^2.0.3:
   resolved "https://registry.yarnpkg.com/ts-essentials/-/ts-essentials-2.0.12.tgz#c9303f3d74f75fa7528c3d49b80e089ab09d8745"
   integrity sha512-3IVX4nI6B5cc31/GFFE+i8ey/N2eA0CZDbo6n0yrz0zDX8ZJ8djmU1p+XRz7G3is0F3bB3pu2pAroFdAWQKU3w==
 
+tsconfig-paths@^3.9.0:
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.10.1.tgz#79ae67a68c15289fdf5c51cb74f397522d795ed7"
+  integrity sha512-rETidPDgCpltxF7MjBZlAFPUHv5aHH2MymyPvh+vEyWAED4Eb/WeMbsnD/JDr4OKPOA1TssDHgIcpTN5Kh0p6Q==
+  dependencies:
+    json5 "^2.2.0"
+    minimist "^1.2.0"
+    strip-bom "^3.0.0"
+
 tslib@^1.8.1, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
@@ -9206,9 +9552,9 @@ unified@^8.4.2:
     vfile "^4.0.0"
 
 unified@^9.2.1:
-  version "9.2.1"
-  resolved "https://registry.yarnpkg.com/unified/-/unified-9.2.1.tgz#ae18d5674c114021bfdbdf73865ca60f410215a3"
-  integrity sha512-juWjuI8Z4xFg8pJbnEZ41b5xjGUWGHqXALmBZ3FC3WX0PIx1CZBIIJ6mXbYMcf6Yw4Fi0rFUTA1cdz/BglbOhA==
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/unified/-/unified-9.2.2.tgz#67649a1abfc3ab85d2969502902775eb03146975"
+  integrity sha512-Sg7j110mtefBD+qunSLO1lqOEKdrwBFBrR6Qd8f4uwkhWNlbkaqwHse6e7QvD3AP/MNoJdEDLaf8OxYyoWgorQ==
   dependencies:
     bail "^1.0.0"
     extend "^3.0.0"
@@ -9458,6 +9804,14 @@ v8-compile-cache@^2.0.3:
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
 
+validate-npm-package-license@^3.0.1:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
+  integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
+  dependencies:
+    spdx-correct "^3.0.0"
+    spdx-expression-parse "^3.0.0"
+
 value-equal@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-1.0.1.tgz#1e0b794c734c5c0cade179c437d356d931a34d6c"