diff --git a/backend/.dockerignore b/backend/.dockerignore
index 647b70a..5ceb386 100644
--- a/backend/.dockerignore
+++ b/backend/.dockerignore
@@ -1,2 +1 @@
 venv
-src/database.db
diff --git a/backend/Dockerfile b/backend/Dockerfile
index b06cd7d..8eb7a25 100644
--- a/backend/Dockerfile
+++ b/backend/Dockerfile
@@ -4,9 +4,6 @@ WORKDIR /app
 
 COPY requirements.txt .
 
-RUN apt-get -y update
-RUN apt-get -y install sqlite3
-
 RUN pip install -r requirements.txt
 
 COPY /src .
diff --git a/backend/Dockerfile.prod b/backend/Dockerfile.prod
index 61f536d..1bd4a72 100644
--- a/backend/Dockerfile.prod
+++ b/backend/Dockerfile.prod
@@ -6,8 +6,6 @@ RUN apt-get -y update && apt-get -y upgrade
 
 COPY requirements.txt .
 
-RUN apt-get -y install sqlite3
-
 RUN pip install -r requirements.txt
 
 COPY /src .
diff --git a/backend/requirements.txt b/backend/requirements.txt
index 3458910..75a45e2 100644
--- a/backend/requirements.txt
+++ b/backend/requirements.txt
@@ -1,4 +1,3 @@
-autopep8==1.5.7
 blinker==1.4
 click==7.1.2
 Deprecated==1.2.12
@@ -17,13 +16,11 @@ MarkupSafe==1.1.1
 passlib==1.7.4
 pendulum==2.1.2
 py-buzz==1.0.3
-pycodestyle==2.7.0
 PyJWT==2.1.0
 python-dateutil==2.8.1
 python-dotenv==0.17.1
 pytzdata==2020.1
 six==1.16.0
 SQLAlchemy==1.4.15
-toml==0.10.2
 Werkzeug==1.0.1
 wrapt==1.12.1
diff --git a/backend/src/app.py b/backend/src/app.py
index 470e4cf..50f1cf5 100644
--- a/backend/src/app.py
+++ b/backend/src/app.py
@@ -5,7 +5,6 @@ import flask_sqlalchemy
 import flask_praetorian
 import flask_cors
 import sys
-from password_util import get_random_password
 
 db = flask_sqlalchemy.SQLAlchemy()
 guard = flask_praetorian.Praetorian()
@@ -76,12 +75,6 @@ db.init_app(app)
 # Initializes CORS so that the api_tool can talk to the example app
 cors.init_app(app)
 
-# create database
-# Add users for the example
-with app.app_context():
-    db.create_all()
-    db.session.commit()
-
 
 @app.route('/api/login', methods=['POST'])
 def login():
@@ -113,20 +106,13 @@ def refresh():
        $ curl http://localhost:5000/api/refresh -X GET \
          -H "Authorization: Bearer <your_token>"
     """
-    old_token = flask.request.get_data()
+    print("refresh request")
+    old_token = request.get_data()
     new_token = guard.refresh_jwt_token(old_token)
     ret = {'access_token': new_token}
     return ret, 200
 
 
-@app.route('/api/username', methods=['GET'])
-@flask_praetorian.auth_required
-def get_username():
-    username = flask_praetorian.current_user().username
-    ret = {'username': username}
-    return ret, 200
-
-
 @app.route('/api/protected')
 @flask_praetorian.auth_required
 def protected():
@@ -141,13 +127,6 @@ def protected():
     return {'message': f'protected endpoint (allowed user {flask_praetorian.current_user().username})'}
 
 
-@app.route('/api/rcv_pw', methods=['GET'])
-def get_password():
-    pw = get_random_password()
-    ret = {'random_password': pw}
-    return ret, 200
-
-
 @app.route('/api/register', methods=['POST'])
 def register():
     req = flask.request.get_json(force=True)
@@ -173,17 +152,6 @@ def register():
         return ret, 409
 
 
-@app.route('/api/protected/behavior', methods=['POST'])
-@flask_praetorian.auth_required
-def check_password_username():
-    req = flask.request.get_json(force=True)
-    token = guard.read_token_from_header()
-    extracted_token = guard.extract_jwt_token(token)
-    id_req = extracted_token['id']
-    ret = {'message': 'Top'}
-    return ret, 200
-
-
 @app.route('/api/protected/umfrage', methods=['POST'])
 @flask_praetorian.auth_required
 def survey():
@@ -247,6 +215,7 @@ def survey():
         user_db.education = education
         user_db.skills = skills
         db.session.commit()
+        print(req)
         ret = {'message': 'Vielen Dank für das Ausfüllen der Umfrage.'}
         return ret, 200
     else:
@@ -255,6 +224,14 @@ def survey():
         return ret, 400
 
 
+@app.route('/api/protected/behavior', methods=['POST'])
+@flask_praetorian.auth_required
+def check_password_username():
+    print("hallooo POST", file=sys.stderr)
+    ret = {'message': 'Top'}
+    return ret, 200
+
+
 # Run the example
 if __name__ == '__main__':
     app.run(debug=debug, host=host, port=port)
diff --git a/backend/src/password_util.py b/backend/src/password_util.py
deleted file mode 100644
index 8146a93..0000000
--- a/backend/src/password_util.py
+++ /dev/null
@@ -1,117 +0,0 @@
-from random import seed
-from random import randint
-import time
-
-seed(int(time.time()))
-
-
-def get_random_value(list_length):
-    random_select = randint(0, list_length)
-    return random_select
-
-
-def get_random_password():
-
-    first_part = [
-        "Der Vogel",
-        "Die Ameise",
-        "Die Biene",
-        "Ein Mensch",
-        "Jemand",
-        "Der Hund",
-        "Der Kater",
-    ]
-
-    second_part = [
-        "%",
-        "(",
-        ")",
-        "$",
-        "+",
-        "!",
-    ]
-
-    third_part = [
-        "frisst",
-        "küsst",
-        "begrüsst",
-        "besucht",
-        "beeinflusst",
-        "isst",
-        "findet",
-        "vergisst",
-    ]
-
-    forth_part = [
-        "1 Vogel!",
-        "2 Vögel!",
-        "3 Vögel!",
-        "4 Vögel!",
-        "5 Vögel!",
-        "6 Vögel!",
-        "7 Vögel!",
-        "8 Vögel!",
-        "9 Vögel!",
-        "1 Mücke",
-        "2 Mücken!",
-        "3 Mücken!",
-        "4 Mücken!",
-        "5 Mücken!",
-        "6 Mücken!",
-        "7 Mücken!",
-        "8 Mücken!",
-        "9 Mücken!",
-        "1 Adler",
-        "2 Adler!",
-        "3 Adler!",
-        "4 Adler!",
-        "5 Adler!",
-        "6 Adler!",
-        "7 Adler!",
-        "8 Adler!",
-        "9 Adler!",
-        "1 Apfel",
-        "2 Äpfel!",
-        "3 Äpfel!",
-        "4 Äpfel!",
-        "5 Äpfel!",
-        "6 Äpfel!",
-        "7 Äpfel!",
-        "8 Äpfel!",
-        "9 Äpfel!",
-        "1 Birne",
-        "2 Birnen!",
-        "3 Birnen!",
-        "4 Birnen!",
-        "5 Birnen!",
-        "6 Birnen!",
-        "7 Birnen!",
-        "8 Birnen!",
-        "9 Birnen!",
-        "1 Biene",
-        "2 Bienen!",
-        "3 Bienen!",
-        "4 Bienen!",
-        "5 Bienen!",
-        "6 Bienen!",
-        "7 Bienen!",
-        "8 Bienen!",
-        "9 Bienen!",
-        "1 Gurke",
-        "2 Gurken!",
-        "3 Gurken!",
-        "4 Gurken!",
-        "5 Gurken!",
-        "6 Gurken!",
-        "7 Gurken!",
-        "8 Gurken!",
-        "9 Gurken!",
-    ]
-
-    password = ""
-    password += str(first_part[get_random_value(len(first_part)-1)])
-    password += " " + str(second_part[get_random_value(len(second_part)-1)])
-    password += " " + str(third_part[get_random_value(len(third_part)-1)])
-    password += " " + str(forth_part[get_random_value(len(forth_part)-1)])
-
-    return password
diff --git a/docker-compose.prod.yml b/docker-compose.prod.yml
index 9c7cbf9..d4ea493 100644
--- a/docker-compose.prod.yml
+++ b/docker-compose.prod.yml
@@ -1,27 +1,14 @@
 version: '3.7'
 services:
-  frontend-prod:
+  frontend_bt:
     image: caminsha/bt-frontend
-    container_name: frontend-prod
+    container_name: frontend_bt_prod
     ports:
-      - 3000:80
+      - 3000:3000
   backend-prod:
     image: caminsha/bt-backend
-    container_name: backend-prod
-    volumes:
-      - "./database.db:/app/database.db:z"
+    container_name: backend_bt
     environment:
       DEBUG: "no"
-      PORT: 5050
+      PORT: 5000
       HOST: "0.0.0.0"
-  behametrics-server:
-    image: registry.gitlab.com/behametrics/server:latest
-    container_name: "behametrics-server"
-    ports:
-      - 5000:5000
-    environment:
-      - MONGO_URI=mongodb://mongodb:27017/behametrics
-  mongodb:
-    image: mongo:4.0.25
-    container_name: "behametrics-mongo"
-    command: mongod --smallfiles
diff --git a/docker-compose.yml b/docker-compose.yml
index deac250..87e72cd 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -2,7 +2,7 @@ version: '3.7'
 
 services:
   frontend-dev:
-    container_name: frontend-dev
+    container_name: hello_world_client
     build:
       context: ./frontend
       dockerfile: Dockerfile
@@ -14,27 +14,16 @@ services:
     environment:
       - CHOKIDAR_USEPOLLING=true
   backend-dev:
-    container_name: backend-dev
+    container_name: backend_bt
     build: 
       context: ./backend
       dockerfile: Dockerfile
     tty: true
     volumes:
       - ./backend/src:/app/
-    ports:
-      - 5050:5050
-    environment:
-      DEBUG: "yes"
-      PORT: 5050
-      HOST: "0.0.0.0"
-  behametrics-server:
-    image: registry.gitlab.com/behametrics/server:latest
-    container_name: "behametrics-server"
     ports:
       - 5000:5000
     environment:
-      - MONGO_URI=mongodb://mongodb:27017/behametrics
-  mongodb:
-    image: mongo:4.0.25
-    container_name: "behametrics-mongo"
-    command: mongod --smallfiles
+      DEBUG: "yes"
+      PORT: 5000
+      HOST: "0.0.0.0"
diff --git a/frontend/nginx/nginx.conf b/frontend/nginx/nginx.conf
index ae9f70c..2c1c60e 100644
--- a/frontend/nginx/nginx.conf
+++ b/frontend/nginx/nginx.conf
@@ -10,7 +10,9 @@ server {
     }
 
     location /api {
-        proxy_pass http://backend-prod:5050;
+        # include uwsgi_params;
+        # uwsgi_pass http://backend-prod:5000;
+        proxy_pass http://backend-prod:5000;
     }
 
     error_page   500 502 503 504  /50x.html;
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 0efc28f..3518599 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1878,6 +1878,41 @@
         }
       }
     },
+    "@react-hook/event": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@react-hook/event/-/event-1.2.3.tgz",
+      "integrity": "sha512-WMBwLnYY2rubLeecsi4skl1imfx0oiXTgazV/1ByPT6WkmLvxUao3hC+mxps5D/+JK4Fq3uG9OWU/dn5jMtXyg==",
+      "requires": {
+        "@react-hook/passive-layout-effect": "^1.2.0"
+      }
+    },
+    "@react-hook/latest": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@react-hook/latest/-/latest-1.0.3.tgz",
+      "integrity": "sha512-dy6duzl+JnAZcDbNTfmaP3xHiKtbXYOaz3G51MGVljh548Y8MWzTr+PHLOfvpypEVW9zwvl+VyKjbWKEVbV1Rg=="
+    },
+    "@react-hook/mouse-position": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@react-hook/mouse-position/-/mouse-position-4.1.0.tgz",
+      "integrity": "sha512-FkP0YeRjrTy6FiRuiGUAOvAvZt7StLETdRD7mRmSPvWgXZDGmAJR6Ksw8VxLKKa46o/ihzgVIb8deoMBFR/Qow==",
+      "requires": {
+        "@react-hook/event": "^1.2.1",
+        "@react-hook/throttle": "^2.2.0"
+      }
+    },
+    "@react-hook/passive-layout-effect": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@react-hook/passive-layout-effect/-/passive-layout-effect-1.2.1.tgz",
+      "integrity": "sha512-IwEphTD75liO8g+6taS+4oqz+nnroocNfWVHWz7j+N+ZO2vYrc6PV1q7GQhuahL0IOR7JccFTsFKQ/mb6iZWAg=="
+    },
+    "@react-hook/throttle": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@react-hook/throttle/-/throttle-2.2.0.tgz",
+      "integrity": "sha512-LJ5eg+yMV8lXtqK3lR+OtOZ2WH/EfWvuiEEu0M3bhR7dZRfTyEJKxH1oK9uyBxiXPtWXiQggWbZirMCXam51tg==",
+      "requires": {
+        "@react-hook/latest": "^1.0.2"
+      }
+    },
     "@rollup/plugin-node-resolve": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz",
@@ -2050,11 +2085,178 @@
         "loader-utils": "^2.0.0"
       }
     },
+    "@testing-library/dom": {
+      "version": "7.31.2",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-7.31.2.tgz",
+      "integrity": "sha512-3UqjCpey6HiTZT92vODYLPxTBWlM8ZOOjr3LX5F37/VRipW2M1kX6I/Cm4VXzteZqfGfagg8yXywpcOgQBlNsQ==",
+      "requires": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^4.2.0",
+        "aria-query": "^4.2.2",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.6",
+        "lz-string": "^1.4.4",
+        "pretty-format": "^26.6.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
+          "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@testing-library/jest-dom": {
+      "version": "5.14.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.14.1.tgz",
+      "integrity": "sha512-dfB7HVIgTNCxH22M1+KU6viG5of2ldoA5ly8Ar8xkezKHKXjRvznCdbMbqjYGgO2xjRbwnR+rR8MLUIqF3kKbQ==",
+      "requires": {
+        "@babel/runtime": "^7.9.2",
+        "@types/testing-library__jest-dom": "^5.9.1",
+        "aria-query": "^4.2.2",
+        "chalk": "^3.0.0",
+        "css": "^3.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.5.6",
+        "lodash": "^4.17.15",
+        "redent": "^3.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+          "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "css": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/css/-/css-3.0.0.tgz",
+          "integrity": "sha512-DG9pFfwOrzc+hawpmqX/dHYHJG+Bsdb0klhyi1sDneOgGOXy9wQIC8hzyVp1e4NRYDBdxcylvywPkkXCHAzTyQ==",
+          "requires": {
+            "inherits": "^2.0.4",
+            "source-map": "^0.6.1",
+            "source-map-resolve": "^0.6.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+        },
+        "source-map-resolve": {
+          "version": "0.6.0",
+          "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.6.0.tgz",
+          "integrity": "sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w==",
+          "requires": {
+            "atob": "^2.1.2",
+            "decode-uri-component": "^0.2.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@testing-library/react": {
+      "version": "11.2.7",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-11.2.7.tgz",
+      "integrity": "sha512-tzRNp7pzd5QmbtXNG/mhdcl7Awfu/Iz1RaVHY75zTdOkmHCuzMhRL83gWHSgOAcjS3CCbyfwUHMZgRJb4kAfpA==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@testing-library/dom": "^7.28.1"
+      }
+    },
+    "@testing-library/user-event": {
+      "version": "12.8.3",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-12.8.3.tgz",
+      "integrity": "sha512-IR0iWbFkgd56Bu5ZI/ej8yQwrkCv8Qydx6RzwbKz9faXazR/+5tvYKsZQgyXJiwgpcva127YO6JcWy7YlCfofQ==",
+      "requires": {
+        "@babel/runtime": "^7.12.5"
+      }
+    },
     "@types/anymatch": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/@types/anymatch/-/anymatch-1.3.1.tgz",
       "integrity": "sha512-/+CRPXpBDpo2RK9C68N3b2cOvO0Cf5B9aPijHsoDQTHivnGSObdOF2BRQOYjojWTDy6nQvMjmqRXIxH55VjxxA=="
     },
+    "@types/aria-query": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-4.2.1.tgz",
+      "integrity": "sha512-S6oPal772qJZHoRZLFc/XoZW2gFvwXusYUmXPXkgxJLuEk2vOt7jc4Yo6z/vtI0EBkbPBVrJJ0B+prLIKiWqHg=="
+    },
     "@types/babel__core": {
       "version": "7.1.14",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.14.tgz",
@@ -2149,6 +2351,15 @@
         "@types/istanbul-lib-report": "*"
       }
     },
+    "@types/jest": {
+      "version": "26.0.23",
+      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-26.0.23.tgz",
+      "integrity": "sha512-ZHLmWMJ9jJ9PTiT58juykZpL7KjwJywFN3Rr2pTSkyQfydf/rk22yS7W8p5DaVUMQ2BQC7oYiU3FjbTM/mYrOA==",
+      "requires": {
+        "jest-diff": "^26.0.0",
+        "pretty-format": "^26.0.0"
+      }
+    },
     "@types/json-schema": {
       "version": "7.0.7",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz",
@@ -2212,6 +2423,14 @@
       "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.7.tgz",
       "integrity": "sha512-0VBprVqfgFD7Ehb2vd8Lh9TG3jP98gvr8rgehQqzztZNI7o8zS8Ad4jyZneKELphpuE212D8J70LnSNQSyO6bQ=="
     },
+    "@types/testing-library__jest-dom": {
+      "version": "5.14.0",
+      "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.0.tgz",
+      "integrity": "sha512-l2P2GO+hFF4Liye+fAajT1qBqvZOiL79YMpEvgGs1xTK7hECxBI8Wz4J7ntACJNiJ9r0vXQqYovroXRLPDja6A==",
+      "requires": {
+        "@types/jest": "*"
+      }
+    },
     "@types/uglify-js": {
       "version": "3.13.0",
       "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.13.0.tgz",
@@ -4455,6 +4674,11 @@
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
       "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ=="
     },
+    "css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s="
+    },
     "cssdb": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
@@ -4937,6 +5161,11 @@
         "esutils": "^2.0.2"
       }
     },
+    "dom-accessibility-api": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.6.tgz",
+      "integrity": "sha512-DplGLZd8L1lN64jlT27N9TVSESFR5STaEJvX+thCby7fuCHonfPpAlodYc3vuUYbDuDec5w8AMP7oCM5TWFsqw=="
+    },
     "dom-converter": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
@@ -9704,6 +9933,11 @@
         "yallist": "^4.0.0"
       }
     },
+    "lz-string": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.4.4.tgz",
+      "integrity": "sha1-wNjq82BZ9wV5bh40SBHPTEmNOiY="
+    },
     "magic-string": {
       "version": "0.25.7",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz",
@@ -9875,6 +10109,11 @@
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg=="
     },
+    "min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg=="
+    },
     "mini-create-react-context": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz",
@@ -10298,6 +10537,1805 @@
         "sort-keys": "^1.0.0"
       }
     },
+    "npm": {
+      "version": "7.19.1",
+      "resolved": "https://registry.npmjs.org/npm/-/npm-7.19.1.tgz",
+      "integrity": "sha512-aN3hZzGkPzKOyhjXtOhnQTGumorFhgpOU6xfuQsF1nJKh4DhsgfOMG4s/SNx56r4xHPvM5m/sk914wzDgKba3A==",
+      "requires": {
+        "@npmcli/arborist": "^2.6.4",
+        "@npmcli/ci-detect": "^1.2.0",
+        "@npmcli/config": "^2.2.0",
+        "@npmcli/package-json": "^1.0.1",
+        "@npmcli/run-script": "^1.8.5",
+        "abbrev": "~1.1.1",
+        "ansicolors": "~0.3.2",
+        "ansistyles": "~0.1.3",
+        "archy": "~1.0.0",
+        "byte-size": "^7.0.1",
+        "cacache": "^15.2.0",
+        "chalk": "^4.1.0",
+        "chownr": "^2.0.0",
+        "cli-columns": "^3.1.2",
+        "cli-table3": "^0.6.0",
+        "columnify": "~1.5.4",
+        "glob": "^7.1.7",
+        "graceful-fs": "^4.2.6",
+        "hosted-git-info": "^4.0.2",
+        "ini": "^2.0.0",
+        "init-package-json": "^2.0.3",
+        "is-cidr": "^4.0.2",
+        "json-parse-even-better-errors": "^2.3.1",
+        "leven": "^3.1.0",
+        "libnpmaccess": "^4.0.2",
+        "libnpmdiff": "^2.0.4",
+        "libnpmexec": "^2.0.0",
+        "libnpmfund": "^1.1.0",
+        "libnpmhook": "^6.0.2",
+        "libnpmorg": "^2.0.2",
+        "libnpmpack": "^2.0.1",
+        "libnpmpublish": "^4.0.1",
+        "libnpmsearch": "^3.1.1",
+        "libnpmteam": "^2.0.3",
+        "libnpmversion": "^1.2.1",
+        "make-fetch-happen": "^9.0.3",
+        "minipass": "^3.1.3",
+        "minipass-pipeline": "^1.2.4",
+        "mkdirp": "^1.0.4",
+        "mkdirp-infer-owner": "^2.0.0",
+        "ms": "^2.1.2",
+        "node-gyp": "^7.1.2",
+        "nopt": "^5.0.0",
+        "npm-audit-report": "^2.1.5",
+        "npm-package-arg": "^8.1.5",
+        "npm-pick-manifest": "^6.1.1",
+        "npm-profile": "^5.0.3",
+        "npm-registry-fetch": "^11.0.0",
+        "npm-user-validate": "^1.0.1",
+        "npmlog": "~4.1.2",
+        "opener": "^1.5.2",
+        "pacote": "^11.3.3",
+        "parse-conflict-json": "^1.1.1",
+        "qrcode-terminal": "^0.12.0",
+        "read": "~1.0.7",
+        "read-package-json": "^3.0.1",
+        "read-package-json-fast": "^2.0.2",
+        "readdir-scoped-modules": "^1.1.0",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "ssri": "^8.0.1",
+        "tar": "^6.1.0",
+        "text-table": "~0.2.0",
+        "tiny-relative-date": "^1.3.0",
+        "treeverse": "^1.0.4",
+        "validate-npm-package-name": "~3.0.0",
+        "which": "^2.0.2",
+        "write-file-atomic": "^3.0.3"
+      },
+      "dependencies": {
+        "@npmcli/arborist": {
+          "version": "2.6.4",
+          "bundled": true,
+          "requires": {
+            "@npmcli/installed-package-contents": "^1.0.7",
+            "@npmcli/map-workspaces": "^1.0.2",
+            "@npmcli/metavuln-calculator": "^1.1.0",
+            "@npmcli/move-file": "^1.1.0",
+            "@npmcli/name-from-folder": "^1.0.1",
+            "@npmcli/node-gyp": "^1.0.1",
+            "@npmcli/package-json": "^1.0.1",
+            "@npmcli/run-script": "^1.8.2",
+            "bin-links": "^2.2.1",
+            "cacache": "^15.0.3",
+            "common-ancestor-path": "^1.0.1",
+            "json-parse-even-better-errors": "^2.3.1",
+            "json-stringify-nice": "^1.1.4",
+            "mkdirp-infer-owner": "^2.0.0",
+            "npm-install-checks": "^4.0.0",
+            "npm-package-arg": "^8.1.0",
+            "npm-pick-manifest": "^6.1.0",
+            "npm-registry-fetch": "^11.0.0",
+            "pacote": "^11.2.6",
+            "parse-conflict-json": "^1.1.1",
+            "proc-log": "^1.0.0",
+            "promise-all-reject-late": "^1.0.0",
+            "promise-call-limit": "^1.0.1",
+            "read-package-json-fast": "^2.0.2",
+            "readdir-scoped-modules": "^1.1.0",
+            "semver": "^7.3.5",
+            "tar": "^6.1.0",
+            "treeverse": "^1.0.4",
+            "walk-up-path": "^1.0.0"
+          }
+        },
+        "@npmcli/ci-detect": {
+          "version": "1.3.0",
+          "bundled": true
+        },
+        "@npmcli/config": {
+          "version": "2.2.0",
+          "bundled": true,
+          "requires": {
+            "ini": "^2.0.0",
+            "mkdirp-infer-owner": "^2.0.0",
+            "nopt": "^5.0.0",
+            "semver": "^7.3.4",
+            "walk-up-path": "^1.0.0"
+          }
+        },
+        "@npmcli/disparity-colors": {
+          "version": "1.0.1",
+          "bundled": true,
+          "requires": {
+            "ansi-styles": "^4.3.0"
+          }
+        },
+        "@npmcli/git": {
+          "version": "2.0.9",
+          "bundled": true,
+          "requires": {
+            "@npmcli/promise-spawn": "^1.3.2",
+            "lru-cache": "^6.0.0",
+            "mkdirp": "^1.0.4",
+            "npm-pick-manifest": "^6.1.1",
+            "promise-inflight": "^1.0.1",
+            "promise-retry": "^2.0.1",
+            "semver": "^7.3.5",
+            "which": "^2.0.2"
+          }
+        },
+        "@npmcli/installed-package-contents": {
+          "version": "1.0.7",
+          "bundled": true,
+          "requires": {
+            "npm-bundled": "^1.1.1",
+            "npm-normalize-package-bin": "^1.0.1"
+          }
+        },
+        "@npmcli/map-workspaces": {
+          "version": "1.0.3",
+          "bundled": true,
+          "requires": {
+            "@npmcli/name-from-folder": "^1.0.1",
+            "glob": "^7.1.6",
+            "minimatch": "^3.0.4",
+            "read-package-json-fast": "^2.0.1"
+          }
+        },
+        "@npmcli/metavuln-calculator": {
+          "version": "1.1.1",
+          "bundled": true,
+          "requires": {
+            "cacache": "^15.0.5",
+            "pacote": "^11.1.11",
+            "semver": "^7.3.2"
+          }
+        },
+        "@npmcli/move-file": {
+          "version": "1.1.2",
+          "bundled": true,
+          "requires": {
+            "mkdirp": "^1.0.4",
+            "rimraf": "^3.0.2"
+          }
+        },
+        "@npmcli/name-from-folder": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "@npmcli/node-gyp": {
+          "version": "1.0.2",
+          "bundled": true
+        },
+        "@npmcli/package-json": {
+          "version": "1.0.1",
+          "bundled": true,
+          "requires": {
+            "json-parse-even-better-errors": "^2.3.1"
+          }
+        },
+        "@npmcli/promise-spawn": {
+          "version": "1.3.2",
+          "bundled": true,
+          "requires": {
+            "infer-owner": "^1.0.4"
+          }
+        },
+        "@npmcli/run-script": {
+          "version": "1.8.5",
+          "bundled": true,
+          "requires": {
+            "@npmcli/node-gyp": "^1.0.2",
+            "@npmcli/promise-spawn": "^1.3.2",
+            "infer-owner": "^1.0.4",
+            "node-gyp": "^7.1.0",
+            "read-package-json-fast": "^2.0.1"
+          }
+        },
+        "@tootallnate/once": {
+          "version": "1.1.2",
+          "bundled": true
+        },
+        "abbrev": {
+          "version": "1.1.1",
+          "bundled": true
+        },
+        "agent-base": {
+          "version": "6.0.2",
+          "bundled": true,
+          "requires": {
+            "debug": "4"
+          }
+        },
+        "agentkeepalive": {
+          "version": "4.1.4",
+          "bundled": true,
+          "requires": {
+            "debug": "^4.1.0",
+            "depd": "^1.1.2",
+            "humanize-ms": "^1.2.1"
+          }
+        },
+        "aggregate-error": {
+          "version": "3.1.0",
+          "bundled": true,
+          "requires": {
+            "clean-stack": "^2.0.0",
+            "indent-string": "^4.0.0"
+          }
+        },
+        "ajv": {
+          "version": "6.12.6",
+          "bundled": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ansi-regex": {
+          "version": "2.1.1",
+          "bundled": true
+        },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "bundled": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "ansicolors": {
+          "version": "0.3.2",
+          "bundled": true
+        },
+        "ansistyles": {
+          "version": "0.1.3",
+          "bundled": true
+        },
+        "aproba": {
+          "version": "2.0.0",
+          "bundled": true
+        },
+        "archy": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "are-we-there-yet": {
+          "version": "1.1.5",
+          "bundled": true,
+          "requires": {
+            "delegates": "^1.0.0",
+            "readable-stream": "^2.0.6"
+          }
+        },
+        "asap": {
+          "version": "2.0.6",
+          "bundled": true
+        },
+        "asn1": {
+          "version": "0.2.4",
+          "bundled": true,
+          "requires": {
+            "safer-buffer": "~2.1.0"
+          }
+        },
+        "assert-plus": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "asynckit": {
+          "version": "0.4.0",
+          "bundled": true
+        },
+        "aws-sign2": {
+          "version": "0.7.0",
+          "bundled": true
+        },
+        "aws4": {
+          "version": "1.11.0",
+          "bundled": true
+        },
+        "balanced-match": {
+          "version": "1.0.2",
+          "bundled": true
+        },
+        "bcrypt-pbkdf": {
+          "version": "1.0.2",
+          "bundled": true,
+          "requires": {
+            "tweetnacl": "^0.14.3"
+          }
+        },
+        "bin-links": {
+          "version": "2.2.1",
+          "bundled": true,
+          "requires": {
+            "cmd-shim": "^4.0.1",
+            "mkdirp": "^1.0.3",
+            "npm-normalize-package-bin": "^1.0.0",
+            "read-cmd-shim": "^2.0.0",
+            "rimraf": "^3.0.0",
+            "write-file-atomic": "^3.0.3"
+          }
+        },
+        "binary-extensions": {
+          "version": "2.2.0",
+          "bundled": true
+        },
+        "brace-expansion": {
+          "version": "1.1.11",
+          "bundled": true,
+          "requires": {
+            "balanced-match": "^1.0.0",
+            "concat-map": "0.0.1"
+          }
+        },
+        "builtins": {
+          "version": "1.0.3",
+          "bundled": true
+        },
+        "byte-size": {
+          "version": "7.0.1",
+          "bundled": true
+        },
+        "cacache": {
+          "version": "15.2.0",
+          "bundled": true,
+          "requires": {
+            "@npmcli/move-file": "^1.0.1",
+            "chownr": "^2.0.0",
+            "fs-minipass": "^2.0.0",
+            "glob": "^7.1.4",
+            "infer-owner": "^1.0.4",
+            "lru-cache": "^6.0.0",
+            "minipass": "^3.1.1",
+            "minipass-collect": "^1.0.2",
+            "minipass-flush": "^1.0.5",
+            "minipass-pipeline": "^1.2.2",
+            "mkdirp": "^1.0.3",
+            "p-map": "^4.0.0",
+            "promise-inflight": "^1.0.1",
+            "rimraf": "^3.0.2",
+            "ssri": "^8.0.1",
+            "tar": "^6.0.2",
+            "unique-filename": "^1.1.1"
+          }
+        },
+        "caseless": {
+          "version": "0.12.0",
+          "bundled": true
+        },
+        "chalk": {
+          "version": "4.1.1",
+          "bundled": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "chownr": {
+          "version": "2.0.0",
+          "bundled": true
+        },
+        "cidr-regex": {
+          "version": "3.1.1",
+          "bundled": true,
+          "requires": {
+            "ip-regex": "^4.1.0"
+          }
+        },
+        "clean-stack": {
+          "version": "2.2.0",
+          "bundled": true
+        },
+        "cli-columns": {
+          "version": "3.1.2",
+          "bundled": true,
+          "requires": {
+            "string-width": "^2.0.0",
+            "strip-ansi": "^3.0.1"
+          }
+        },
+        "cli-table3": {
+          "version": "0.6.0",
+          "bundled": true,
+          "requires": {
+            "colors": "^1.1.2",
+            "object-assign": "^4.1.0",
+            "string-width": "^4.2.0"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "5.0.0",
+              "bundled": true
+            },
+            "is-fullwidth-code-point": {
+              "version": "3.0.0",
+              "bundled": true
+            },
+            "string-width": {
+              "version": "4.2.2",
+              "bundled": true,
+              "requires": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.0"
+              }
+            },
+            "strip-ansi": {
+              "version": "6.0.0",
+              "bundled": true,
+              "requires": {
+                "ansi-regex": "^5.0.0"
+              }
+            }
+          }
+        },
+        "clone": {
+          "version": "1.0.4",
+          "bundled": true
+        },
+        "cmd-shim": {
+          "version": "4.1.0",
+          "bundled": true,
+          "requires": {
+            "mkdirp-infer-owner": "^2.0.0"
+          }
+        },
+        "code-point-at": {
+          "version": "1.1.0",
+          "bundled": true
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "bundled": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "bundled": true
+        },
+        "colors": {
+          "version": "1.4.0",
+          "bundled": true,
+          "optional": true
+        },
+        "columnify": {
+          "version": "1.5.4",
+          "bundled": true,
+          "requires": {
+            "strip-ansi": "^3.0.0",
+            "wcwidth": "^1.0.0"
+          }
+        },
+        "combined-stream": {
+          "version": "1.0.8",
+          "bundled": true,
+          "requires": {
+            "delayed-stream": "~1.0.0"
+          }
+        },
+        "common-ancestor-path": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "concat-map": {
+          "version": "0.0.1",
+          "bundled": true
+        },
+        "console-control-strings": {
+          "version": "1.1.0",
+          "bundled": true
+        },
+        "core-util-is": {
+          "version": "1.0.2",
+          "bundled": true
+        },
+        "dashdash": {
+          "version": "1.14.1",
+          "bundled": true,
+          "requires": {
+            "assert-plus": "^1.0.0"
+          }
+        },
+        "debug": {
+          "version": "4.3.1",
+          "bundled": true,
+          "requires": {
+            "ms": "2.1.2"
+          },
+          "dependencies": {
+            "ms": {
+              "version": "2.1.2",
+              "bundled": true
+            }
+          }
+        },
+        "debuglog": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "defaults": {
+          "version": "1.0.3",
+          "bundled": true,
+          "requires": {
+            "clone": "^1.0.2"
+          }
+        },
+        "delayed-stream": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "delegates": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "depd": {
+          "version": "1.1.2",
+          "bundled": true
+        },
+        "dezalgo": {
+          "version": "1.0.3",
+          "bundled": true,
+          "requires": {
+            "asap": "^2.0.0",
+            "wrappy": "1"
+          }
+        },
+        "diff": {
+          "version": "5.0.0",
+          "bundled": true
+        },
+        "ecc-jsbn": {
+          "version": "0.1.2",
+          "bundled": true,
+          "requires": {
+            "jsbn": "~0.1.0",
+            "safer-buffer": "^2.1.0"
+          }
+        },
+        "emoji-regex": {
+          "version": "8.0.0",
+          "bundled": true
+        },
+        "encoding": {
+          "version": "0.1.13",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "iconv-lite": "^0.6.2"
+          }
+        },
+        "env-paths": {
+          "version": "2.2.1",
+          "bundled": true
+        },
+        "err-code": {
+          "version": "2.0.3",
+          "bundled": true
+        },
+        "extend": {
+          "version": "3.0.2",
+          "bundled": true
+        },
+        "extsprintf": {
+          "version": "1.3.0",
+          "bundled": true
+        },
+        "fast-deep-equal": {
+          "version": "3.1.3",
+          "bundled": true
+        },
+        "fast-json-stable-stringify": {
+          "version": "2.1.0",
+          "bundled": true
+        },
+        "forever-agent": {
+          "version": "0.6.1",
+          "bundled": true
+        },
+        "fs-minipass": {
+          "version": "2.1.0",
+          "bundled": true,
+          "requires": {
+            "minipass": "^3.0.0"
+          }
+        },
+        "fs.realpath": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "function-bind": {
+          "version": "1.1.1",
+          "bundled": true
+        },
+        "gauge": {
+          "version": "2.7.4",
+          "bundled": true,
+          "requires": {
+            "aproba": "^1.0.3",
+            "console-control-strings": "^1.0.0",
+            "has-unicode": "^2.0.0",
+            "object-assign": "^4.1.0",
+            "signal-exit": "^3.0.0",
+            "string-width": "^1.0.1",
+            "strip-ansi": "^3.0.1",
+            "wide-align": "^1.1.0"
+          },
+          "dependencies": {
+            "aproba": {
+              "version": "1.2.0",
+              "bundled": true
+            },
+            "is-fullwidth-code-point": {
+              "version": "1.0.0",
+              "bundled": true,
+              "requires": {
+                "number-is-nan": "^1.0.0"
+              }
+            },
+            "string-width": {
+              "version": "1.0.2",
+              "bundled": true,
+              "requires": {
+                "code-point-at": "^1.0.0",
+                "is-fullwidth-code-point": "^1.0.0",
+                "strip-ansi": "^3.0.0"
+              }
+            }
+          }
+        },
+        "getpass": {
+          "version": "0.1.7",
+          "bundled": true,
+          "requires": {
+            "assert-plus": "^1.0.0"
+          }
+        },
+        "glob": {
+          "version": "7.1.7",
+          "bundled": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
+        "graceful-fs": {
+          "version": "4.2.6",
+          "bundled": true
+        },
+        "har-schema": {
+          "version": "2.0.0",
+          "bundled": true
+        },
+        "har-validator": {
+          "version": "5.1.5",
+          "bundled": true,
+          "requires": {
+            "ajv": "^6.12.3",
+            "har-schema": "^2.0.0"
+          }
+        },
+        "has": {
+          "version": "1.0.3",
+          "bundled": true,
+          "requires": {
+            "function-bind": "^1.1.1"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "bundled": true
+        },
+        "has-unicode": {
+          "version": "2.0.1",
+          "bundled": true
+        },
+        "hosted-git-info": {
+          "version": "4.0.2",
+          "bundled": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "http-cache-semantics": {
+          "version": "4.1.0",
+          "bundled": true
+        },
+        "http-proxy-agent": {
+          "version": "4.0.1",
+          "bundled": true,
+          "requires": {
+            "@tootallnate/once": "1",
+            "agent-base": "6",
+            "debug": "4"
+          }
+        },
+        "http-signature": {
+          "version": "1.2.0",
+          "bundled": true,
+          "requires": {
+            "assert-plus": "^1.0.0",
+            "jsprim": "^1.2.2",
+            "sshpk": "^1.7.0"
+          }
+        },
+        "https-proxy-agent": {
+          "version": "5.0.0",
+          "bundled": true,
+          "requires": {
+            "agent-base": "6",
+            "debug": "4"
+          }
+        },
+        "humanize-ms": {
+          "version": "1.2.1",
+          "bundled": true,
+          "requires": {
+            "ms": "^2.0.0"
+          }
+        },
+        "iconv-lite": {
+          "version": "0.6.3",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "safer-buffer": ">= 2.1.2 < 3.0.0"
+          }
+        },
+        "ignore-walk": {
+          "version": "3.0.4",
+          "bundled": true,
+          "requires": {
+            "minimatch": "^3.0.4"
+          }
+        },
+        "imurmurhash": {
+          "version": "0.1.4",
+          "bundled": true
+        },
+        "indent-string": {
+          "version": "4.0.0",
+          "bundled": true
+        },
+        "infer-owner": {
+          "version": "1.0.4",
+          "bundled": true
+        },
+        "inflight": {
+          "version": "1.0.6",
+          "bundled": true,
+          "requires": {
+            "once": "^1.3.0",
+            "wrappy": "1"
+          }
+        },
+        "inherits": {
+          "version": "2.0.4",
+          "bundled": true
+        },
+        "ini": {
+          "version": "2.0.0",
+          "bundled": true
+        },
+        "init-package-json": {
+          "version": "2.0.3",
+          "bundled": true,
+          "requires": {
+            "glob": "^7.1.1",
+            "npm-package-arg": "^8.1.2",
+            "promzard": "^0.3.0",
+            "read": "~1.0.1",
+            "read-package-json": "^3.0.1",
+            "semver": "^7.3.5",
+            "validate-npm-package-license": "^3.0.4",
+            "validate-npm-package-name": "^3.0.0"
+          }
+        },
+        "ip": {
+          "version": "1.1.5",
+          "bundled": true
+        },
+        "ip-regex": {
+          "version": "4.3.0",
+          "bundled": true
+        },
+        "is-cidr": {
+          "version": "4.0.2",
+          "bundled": true,
+          "requires": {
+            "cidr-regex": "^3.1.1"
+          }
+        },
+        "is-core-module": {
+          "version": "2.4.0",
+          "bundled": true,
+          "requires": {
+            "has": "^1.0.3"
+          }
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "bundled": true
+        },
+        "is-lambda": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "is-typedarray": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "isarray": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "isexe": {
+          "version": "2.0.0",
+          "bundled": true
+        },
+        "isstream": {
+          "version": "0.1.2",
+          "bundled": true
+        },
+        "jsbn": {
+          "version": "0.1.1",
+          "bundled": true
+        },
+        "json-parse-even-better-errors": {
+          "version": "2.3.1",
+          "bundled": true
+        },
+        "json-schema": {
+          "version": "0.2.3",
+          "bundled": true
+        },
+        "json-schema-traverse": {
+          "version": "0.4.1",
+          "bundled": true
+        },
+        "json-stringify-nice": {
+          "version": "1.1.4",
+          "bundled": true
+        },
+        "json-stringify-safe": {
+          "version": "5.0.1",
+          "bundled": true
+        },
+        "jsonparse": {
+          "version": "1.3.1",
+          "bundled": true
+        },
+        "jsprim": {
+          "version": "1.4.1",
+          "bundled": true,
+          "requires": {
+            "assert-plus": "1.0.0",
+            "extsprintf": "1.3.0",
+            "json-schema": "0.2.3",
+            "verror": "1.10.0"
+          }
+        },
+        "just-diff": {
+          "version": "3.1.1",
+          "bundled": true
+        },
+        "just-diff-apply": {
+          "version": "3.0.0",
+          "bundled": true
+        },
+        "leven": {
+          "version": "3.1.0",
+          "bundled": true
+        },
+        "libnpmaccess": {
+          "version": "4.0.3",
+          "bundled": true,
+          "requires": {
+            "aproba": "^2.0.0",
+            "minipass": "^3.1.1",
+            "npm-package-arg": "^8.1.2",
+            "npm-registry-fetch": "^11.0.0"
+          }
+        },
+        "libnpmdiff": {
+          "version": "2.0.4",
+          "bundled": true,
+          "requires": {
+            "@npmcli/disparity-colors": "^1.0.1",
+            "@npmcli/installed-package-contents": "^1.0.7",
+            "binary-extensions": "^2.2.0",
+            "diff": "^5.0.0",
+            "minimatch": "^3.0.4",
+            "npm-package-arg": "^8.1.4",
+            "pacote": "^11.3.4",
+            "tar": "^6.1.0"
+          }
+        },
+        "libnpmexec": {
+          "version": "2.0.0",
+          "bundled": true,
+          "requires": {
+            "@npmcli/arborist": "^2.3.0",
+            "@npmcli/ci-detect": "^1.3.0",
+            "@npmcli/run-script": "^1.8.4",
+            "chalk": "^4.1.0",
+            "mkdirp-infer-owner": "^2.0.0",
+            "npm-package-arg": "^8.1.2",
+            "pacote": "^11.3.1",
+            "proc-log": "^1.0.0",
+            "read": "^1.0.7",
+            "read-package-json-fast": "^2.0.2",
+            "walk-up-path": "^1.0.0"
+          }
+        },
+        "libnpmfund": {
+          "version": "1.1.0",
+          "bundled": true,
+          "requires": {
+            "@npmcli/arborist": "^2.5.0"
+          }
+        },
+        "libnpmhook": {
+          "version": "6.0.3",
+          "bundled": true,
+          "requires": {
+            "aproba": "^2.0.0",
+            "npm-registry-fetch": "^11.0.0"
+          }
+        },
+        "libnpmorg": {
+          "version": "2.0.3",
+          "bundled": true,
+          "requires": {
+            "aproba": "^2.0.0",
+            "npm-registry-fetch": "^11.0.0"
+          }
+        },
+        "libnpmpack": {
+          "version": "2.0.1",
+          "bundled": true,
+          "requires": {
+            "@npmcli/run-script": "^1.8.3",
+            "npm-package-arg": "^8.1.0",
+            "pacote": "^11.2.6"
+          }
+        },
+        "libnpmpublish": {
+          "version": "4.0.2",
+          "bundled": true,
+          "requires": {
+            "normalize-package-data": "^3.0.2",
+            "npm-package-arg": "^8.1.2",
+            "npm-registry-fetch": "^11.0.0",
+            "semver": "^7.1.3",
+            "ssri": "^8.0.1"
+          }
+        },
+        "libnpmsearch": {
+          "version": "3.1.2",
+          "bundled": true,
+          "requires": {
+            "npm-registry-fetch": "^11.0.0"
+          }
+        },
+        "libnpmteam": {
+          "version": "2.0.4",
+          "bundled": true,
+          "requires": {
+            "aproba": "^2.0.0",
+            "npm-registry-fetch": "^11.0.0"
+          }
+        },
+        "libnpmversion": {
+          "version": "1.2.1",
+          "bundled": true,
+          "requires": {
+            "@npmcli/git": "^2.0.7",
+            "@npmcli/run-script": "^1.8.4",
+            "json-parse-even-better-errors": "^2.3.1",
+            "semver": "^7.3.5",
+            "stringify-package": "^1.0.1"
+          }
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "bundled": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "make-fetch-happen": {
+          "version": "9.0.3",
+          "bundled": true,
+          "requires": {
+            "agentkeepalive": "^4.1.3",
+            "cacache": "^15.2.0",
+            "http-cache-semantics": "^4.1.0",
+            "http-proxy-agent": "^4.0.1",
+            "https-proxy-agent": "^5.0.0",
+            "is-lambda": "^1.0.1",
+            "lru-cache": "^6.0.0",
+            "minipass": "^3.1.3",
+            "minipass-collect": "^1.0.2",
+            "minipass-fetch": "^1.3.2",
+            "minipass-flush": "^1.0.5",
+            "minipass-pipeline": "^1.2.4",
+            "negotiator": "^0.6.2",
+            "promise-retry": "^2.0.1",
+            "socks-proxy-agent": "^5.0.0",
+            "ssri": "^8.0.0"
+          }
+        },
+        "mime-db": {
+          "version": "1.48.0",
+          "bundled": true
+        },
+        "mime-types": {
+          "version": "2.1.31",
+          "bundled": true,
+          "requires": {
+            "mime-db": "1.48.0"
+          }
+        },
+        "minimatch": {
+          "version": "3.0.4",
+          "bundled": true,
+          "requires": {
+            "brace-expansion": "^1.1.7"
+          }
+        },
+        "minipass": {
+          "version": "3.1.3",
+          "bundled": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "minipass-collect": {
+          "version": "1.0.2",
+          "bundled": true,
+          "requires": {
+            "minipass": "^3.0.0"
+          }
+        },
+        "minipass-fetch": {
+          "version": "1.3.3",
+          "bundled": true,
+          "requires": {
+            "encoding": "^0.1.12",
+            "minipass": "^3.1.0",
+            "minipass-sized": "^1.0.3",
+            "minizlib": "^2.0.0"
+          }
+        },
+        "minipass-flush": {
+          "version": "1.0.5",
+          "bundled": true,
+          "requires": {
+            "minipass": "^3.0.0"
+          }
+        },
+        "minipass-json-stream": {
+          "version": "1.0.1",
+          "bundled": true,
+          "requires": {
+            "jsonparse": "^1.3.1",
+            "minipass": "^3.0.0"
+          }
+        },
+        "minipass-pipeline": {
+          "version": "1.2.4",
+          "bundled": true,
+          "requires": {
+            "minipass": "^3.0.0"
+          }
+        },
+        "minipass-sized": {
+          "version": "1.0.3",
+          "bundled": true,
+          "requires": {
+            "minipass": "^3.0.0"
+          }
+        },
+        "minizlib": {
+          "version": "2.1.2",
+          "bundled": true,
+          "requires": {
+            "minipass": "^3.0.0",
+            "yallist": "^4.0.0"
+          }
+        },
+        "mkdirp": {
+          "version": "1.0.4",
+          "bundled": true
+        },
+        "mkdirp-infer-owner": {
+          "version": "2.0.0",
+          "bundled": true,
+          "requires": {
+            "chownr": "^2.0.0",
+            "infer-owner": "^1.0.4",
+            "mkdirp": "^1.0.3"
+          }
+        },
+        "ms": {
+          "version": "2.1.3",
+          "bundled": true
+        },
+        "mute-stream": {
+          "version": "0.0.8",
+          "bundled": true
+        },
+        "negotiator": {
+          "version": "0.6.2",
+          "bundled": true
+        },
+        "node-gyp": {
+          "version": "7.1.2",
+          "bundled": true,
+          "requires": {
+            "env-paths": "^2.2.0",
+            "glob": "^7.1.4",
+            "graceful-fs": "^4.2.3",
+            "nopt": "^5.0.0",
+            "npmlog": "^4.1.2",
+            "request": "^2.88.2",
+            "rimraf": "^3.0.2",
+            "semver": "^7.3.2",
+            "tar": "^6.0.2",
+            "which": "^2.0.2"
+          }
+        },
+        "nopt": {
+          "version": "5.0.0",
+          "bundled": true,
+          "requires": {
+            "abbrev": "1"
+          }
+        },
+        "normalize-package-data": {
+          "version": "3.0.2",
+          "bundled": true,
+          "requires": {
+            "hosted-git-info": "^4.0.1",
+            "resolve": "^1.20.0",
+            "semver": "^7.3.4",
+            "validate-npm-package-license": "^3.0.1"
+          }
+        },
+        "npm-audit-report": {
+          "version": "2.1.5",
+          "bundled": true,
+          "requires": {
+            "chalk": "^4.0.0"
+          }
+        },
+        "npm-bundled": {
+          "version": "1.1.2",
+          "bundled": true,
+          "requires": {
+            "npm-normalize-package-bin": "^1.0.1"
+          }
+        },
+        "npm-install-checks": {
+          "version": "4.0.0",
+          "bundled": true,
+          "requires": {
+            "semver": "^7.1.1"
+          }
+        },
+        "npm-normalize-package-bin": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "npm-package-arg": {
+          "version": "8.1.5",
+          "bundled": true,
+          "requires": {
+            "hosted-git-info": "^4.0.1",
+            "semver": "^7.3.4",
+            "validate-npm-package-name": "^3.0.0"
+          }
+        },
+        "npm-packlist": {
+          "version": "2.2.2",
+          "bundled": true,
+          "requires": {
+            "glob": "^7.1.6",
+            "ignore-walk": "^3.0.3",
+            "npm-bundled": "^1.1.1",
+            "npm-normalize-package-bin": "^1.0.1"
+          }
+        },
+        "npm-pick-manifest": {
+          "version": "6.1.1",
+          "bundled": true,
+          "requires": {
+            "npm-install-checks": "^4.0.0",
+            "npm-normalize-package-bin": "^1.0.1",
+            "npm-package-arg": "^8.1.2",
+            "semver": "^7.3.4"
+          }
+        },
+        "npm-profile": {
+          "version": "5.0.4",
+          "bundled": true,
+          "requires": {
+            "npm-registry-fetch": "^11.0.0"
+          }
+        },
+        "npm-registry-fetch": {
+          "version": "11.0.0",
+          "bundled": true,
+          "requires": {
+            "make-fetch-happen": "^9.0.1",
+            "minipass": "^3.1.3",
+            "minipass-fetch": "^1.3.0",
+            "minipass-json-stream": "^1.0.1",
+            "minizlib": "^2.0.0",
+            "npm-package-arg": "^8.0.0"
+          }
+        },
+        "npm-user-validate": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "npmlog": {
+          "version": "4.1.2",
+          "bundled": true,
+          "requires": {
+            "are-we-there-yet": "~1.1.2",
+            "console-control-strings": "~1.1.0",
+            "gauge": "~2.7.3",
+            "set-blocking": "~2.0.0"
+          }
+        },
+        "number-is-nan": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "oauth-sign": {
+          "version": "0.9.0",
+          "bundled": true
+        },
+        "object-assign": {
+          "version": "4.1.1",
+          "bundled": true
+        },
+        "once": {
+          "version": "1.4.0",
+          "bundled": true,
+          "requires": {
+            "wrappy": "1"
+          }
+        },
+        "opener": {
+          "version": "1.5.2",
+          "bundled": true
+        },
+        "p-map": {
+          "version": "4.0.0",
+          "bundled": true,
+          "requires": {
+            "aggregate-error": "^3.0.0"
+          }
+        },
+        "pacote": {
+          "version": "11.3.4",
+          "bundled": true,
+          "requires": {
+            "@npmcli/git": "^2.0.1",
+            "@npmcli/installed-package-contents": "^1.0.6",
+            "@npmcli/promise-spawn": "^1.2.0",
+            "@npmcli/run-script": "^1.8.2",
+            "cacache": "^15.0.5",
+            "chownr": "^2.0.0",
+            "fs-minipass": "^2.1.0",
+            "infer-owner": "^1.0.4",
+            "minipass": "^3.1.3",
+            "mkdirp": "^1.0.3",
+            "npm-package-arg": "^8.0.1",
+            "npm-packlist": "^2.1.4",
+            "npm-pick-manifest": "^6.0.0",
+            "npm-registry-fetch": "^11.0.0",
+            "promise-retry": "^2.0.1",
+            "read-package-json-fast": "^2.0.1",
+            "rimraf": "^3.0.2",
+            "ssri": "^8.0.1",
+            "tar": "^6.1.0"
+          }
+        },
+        "parse-conflict-json": {
+          "version": "1.1.1",
+          "bundled": true,
+          "requires": {
+            "json-parse-even-better-errors": "^2.3.0",
+            "just-diff": "^3.0.1",
+            "just-diff-apply": "^3.0.0"
+          }
+        },
+        "path-is-absolute": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "path-parse": {
+          "version": "1.0.7",
+          "bundled": true
+        },
+        "performance-now": {
+          "version": "2.1.0",
+          "bundled": true
+        },
+        "proc-log": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "process-nextick-args": {
+          "version": "2.0.1",
+          "bundled": true
+        },
+        "promise-all-reject-late": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "promise-call-limit": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "promise-inflight": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "promise-retry": {
+          "version": "2.0.1",
+          "bundled": true,
+          "requires": {
+            "err-code": "^2.0.2",
+            "retry": "^0.12.0"
+          }
+        },
+        "promzard": {
+          "version": "0.3.0",
+          "bundled": true,
+          "requires": {
+            "read": "1"
+          }
+        },
+        "psl": {
+          "version": "1.8.0",
+          "bundled": true
+        },
+        "punycode": {
+          "version": "2.1.1",
+          "bundled": true
+        },
+        "qrcode-terminal": {
+          "version": "0.12.0",
+          "bundled": true
+        },
+        "qs": {
+          "version": "6.5.2",
+          "bundled": true
+        },
+        "read": {
+          "version": "1.0.7",
+          "bundled": true,
+          "requires": {
+            "mute-stream": "~0.0.4"
+          }
+        },
+        "read-cmd-shim": {
+          "version": "2.0.0",
+          "bundled": true
+        },
+        "read-package-json": {
+          "version": "3.0.1",
+          "bundled": true,
+          "requires": {
+            "glob": "^7.1.1",
+            "json-parse-even-better-errors": "^2.3.0",
+            "normalize-package-data": "^3.0.0",
+            "npm-normalize-package-bin": "^1.0.0"
+          }
+        },
+        "read-package-json-fast": {
+          "version": "2.0.2",
+          "bundled": true,
+          "requires": {
+            "json-parse-even-better-errors": "^2.3.0",
+            "npm-normalize-package-bin": "^1.0.1"
+          }
+        },
+        "readable-stream": {
+          "version": "2.3.7",
+          "bundled": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "readdir-scoped-modules": {
+          "version": "1.1.0",
+          "bundled": true,
+          "requires": {
+            "debuglog": "^1.0.1",
+            "dezalgo": "^1.0.0",
+            "graceful-fs": "^4.1.2",
+            "once": "^1.3.0"
+          }
+        },
+        "request": {
+          "version": "2.88.2",
+          "bundled": true,
+          "requires": {
+            "aws-sign2": "~0.7.0",
+            "aws4": "^1.8.0",
+            "caseless": "~0.12.0",
+            "combined-stream": "~1.0.6",
+            "extend": "~3.0.2",
+            "forever-agent": "~0.6.1",
+            "form-data": "~2.3.2",
+            "har-validator": "~5.1.3",
+            "http-signature": "~1.2.0",
+            "is-typedarray": "~1.0.0",
+            "isstream": "~0.1.2",
+            "json-stringify-safe": "~5.0.1",
+            "mime-types": "~2.1.19",
+            "oauth-sign": "~0.9.0",
+            "performance-now": "^2.1.0",
+            "qs": "~6.5.2",
+            "safe-buffer": "^5.1.2",
+            "tough-cookie": "~2.5.0",
+            "tunnel-agent": "^0.6.0",
+            "uuid": "^3.3.2"
+          },
+          "dependencies": {
+            "form-data": {
+              "version": "2.3.3",
+              "bundled": true,
+              "requires": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.6",
+                "mime-types": "^2.1.12"
+              }
+            },
+            "tough-cookie": {
+              "version": "2.5.0",
+              "bundled": true,
+              "requires": {
+                "psl": "^1.1.28",
+                "punycode": "^2.1.1"
+              }
+            }
+          }
+        },
+        "resolve": {
+          "version": "1.20.0",
+          "bundled": true,
+          "requires": {
+            "is-core-module": "^2.2.0",
+            "path-parse": "^1.0.6"
+          }
+        },
+        "retry": {
+          "version": "0.12.0",
+          "bundled": true
+        },
+        "rimraf": {
+          "version": "3.0.2",
+          "bundled": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "bundled": true
+        },
+        "safer-buffer": {
+          "version": "2.1.2",
+          "bundled": true
+        },
+        "semver": {
+          "version": "7.3.5",
+          "bundled": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "set-blocking": {
+          "version": "2.0.0",
+          "bundled": true
+        },
+        "signal-exit": {
+          "version": "3.0.3",
+          "bundled": true
+        },
+        "smart-buffer": {
+          "version": "4.1.0",
+          "bundled": true
+        },
+        "socks": {
+          "version": "2.6.1",
+          "bundled": true,
+          "requires": {
+            "ip": "^1.1.5",
+            "smart-buffer": "^4.1.0"
+          }
+        },
+        "socks-proxy-agent": {
+          "version": "5.0.0",
+          "bundled": true,
+          "requires": {
+            "agent-base": "6",
+            "debug": "4",
+            "socks": "^2.3.3"
+          }
+        },
+        "spdx-correct": {
+          "version": "3.1.1",
+          "bundled": true,
+          "requires": {
+            "spdx-expression-parse": "^3.0.0",
+            "spdx-license-ids": "^3.0.0"
+          }
+        },
+        "spdx-exceptions": {
+          "version": "2.3.0",
+          "bundled": true
+        },
+        "spdx-expression-parse": {
+          "version": "3.0.1",
+          "bundled": true,
+          "requires": {
+            "spdx-exceptions": "^2.1.0",
+            "spdx-license-ids": "^3.0.0"
+          }
+        },
+        "spdx-license-ids": {
+          "version": "3.0.9",
+          "bundled": true
+        },
+        "sshpk": {
+          "version": "1.16.1",
+          "bundled": true,
+          "requires": {
+            "asn1": "~0.2.3",
+            "assert-plus": "^1.0.0",
+            "bcrypt-pbkdf": "^1.0.0",
+            "dashdash": "^1.12.0",
+            "ecc-jsbn": "~0.1.1",
+            "getpass": "^0.1.1",
+            "jsbn": "~0.1.0",
+            "safer-buffer": "^2.0.2",
+            "tweetnacl": "~0.14.0"
+          }
+        },
+        "ssri": {
+          "version": "8.0.1",
+          "bundled": true,
+          "requires": {
+            "minipass": "^3.1.1"
+          }
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "bundled": true,
+          "requires": {
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^4.0.0"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "3.0.0",
+              "bundled": true
+            },
+            "strip-ansi": {
+              "version": "4.0.0",
+              "bundled": true,
+              "requires": {
+                "ansi-regex": "^3.0.0"
+              }
+            }
+          }
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "bundled": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        },
+        "stringify-package": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "bundled": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "bundled": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "tar": {
+          "version": "6.1.0",
+          "bundled": true,
+          "requires": {
+            "chownr": "^2.0.0",
+            "fs-minipass": "^2.0.0",
+            "minipass": "^3.0.0",
+            "minizlib": "^2.1.1",
+            "mkdirp": "^1.0.3",
+            "yallist": "^4.0.0"
+          }
+        },
+        "text-table": {
+          "version": "0.2.0",
+          "bundled": true
+        },
+        "tiny-relative-date": {
+          "version": "1.3.0",
+          "bundled": true
+        },
+        "treeverse": {
+          "version": "1.0.4",
+          "bundled": true
+        },
+        "tunnel-agent": {
+          "version": "0.6.0",
+          "bundled": true,
+          "requires": {
+            "safe-buffer": "^5.0.1"
+          }
+        },
+        "tweetnacl": {
+          "version": "0.14.5",
+          "bundled": true
+        },
+        "typedarray-to-buffer": {
+          "version": "3.1.5",
+          "bundled": true,
+          "requires": {
+            "is-typedarray": "^1.0.0"
+          }
+        },
+        "unique-filename": {
+          "version": "1.1.1",
+          "bundled": true,
+          "requires": {
+            "unique-slug": "^2.0.0"
+          }
+        },
+        "unique-slug": {
+          "version": "2.0.2",
+          "bundled": true,
+          "requires": {
+            "imurmurhash": "^0.1.4"
+          }
+        },
+        "uri-js": {
+          "version": "4.4.1",
+          "bundled": true,
+          "requires": {
+            "punycode": "^2.1.0"
+          }
+        },
+        "util-deprecate": {
+          "version": "1.0.2",
+          "bundled": true
+        },
+        "uuid": {
+          "version": "3.4.0",
+          "bundled": true
+        },
+        "validate-npm-package-license": {
+          "version": "3.0.4",
+          "bundled": true,
+          "requires": {
+            "spdx-correct": "^3.0.0",
+            "spdx-expression-parse": "^3.0.0"
+          }
+        },
+        "validate-npm-package-name": {
+          "version": "3.0.0",
+          "bundled": true,
+          "requires": {
+            "builtins": "^1.0.3"
+          }
+        },
+        "verror": {
+          "version": "1.10.0",
+          "bundled": true,
+          "requires": {
+            "assert-plus": "^1.0.0",
+            "core-util-is": "1.0.2",
+            "extsprintf": "^1.2.0"
+          }
+        },
+        "walk-up-path": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "wcwidth": {
+          "version": "1.0.1",
+          "bundled": true,
+          "requires": {
+            "defaults": "^1.0.3"
+          }
+        },
+        "which": {
+          "version": "2.0.2",
+          "bundled": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        },
+        "wide-align": {
+          "version": "1.1.3",
+          "bundled": true,
+          "requires": {
+            "string-width": "^1.0.2 || 2"
+          }
+        },
+        "wrappy": {
+          "version": "1.0.2",
+          "bundled": true
+        },
+        "write-file-atomic": {
+          "version": "3.0.3",
+          "bundled": true,
+          "requires": {
+            "imurmurhash": "^0.1.4",
+            "is-typedarray": "^1.0.0",
+            "signal-exit": "^3.0.2",
+            "typedarray-to-buffer": "^3.1.5"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "bundled": true
+        }
+      }
+    },
     "npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -12321,6 +14359,14 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
       "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew=="
     },
+    "react-form-with-constraints": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/react-form-with-constraints/-/react-form-with-constraints-0.18.0.tgz",
+      "integrity": "sha512-JPbechD+g500rhe2ixNGM2+Lez9YgAmVj+D+H1IUyXY2qCUqohMx48QlZEO1fZXJyl9Fkx/ibpzE4C0xZqYjQw==",
+      "requires": {
+        "prop-types": ">=15.7.2"
+      }
+    },
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -12554,6 +14600,15 @@
         "minimatch": "3.0.4"
       }
     },
+    "redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "requires": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      }
+    },
     "regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -14124,6 +16179,14 @@
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
       "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA=="
     },
+    "strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "requires": {
+        "min-indent": "^1.0.0"
+      }
+    },
     "strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -15289,6 +17352,11 @@
         "minimalistic-assert": "^1.0.0"
       }
     },
+    "web-vitals": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-1.1.2.tgz",
+      "integrity": "sha512-PFMKIY+bRSXlMxVAQ+m2aw9c/ioUYfDgrYot0YUa+/xa0sakubWhSDyxAKwzymvXVdF4CZI71g06W+mqhzu6ig=="
+    },
     "webidl-conversions": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index e8ad209..9ff8abf 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -5,11 +5,18 @@
   "dependencies": {
     "@behametrics/logger-web": "^3.1.1",
     "@fortawesome/fontawesome-free": "^5.15.3",
+    "@react-hook/mouse-position": "^4.1.0",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^11.2.7",
+    "@testing-library/user-event": "^12.8.3",
+    "npm": "^7.19.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-form-with-constraints": "^0.18.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
-    "react-token-auth": "^1.1.8"
+    "react-token-auth": "^1.1.8",
+    "web-vitals": "^1.1.2"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -35,5 +42,5 @@
       "last 1 safari version"
     ]
   },
-  "proxy": "http://localhost:5050"
+  "proxy": "http://localhost:5000"
 }
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
index a8b9c3b..a11777c 100644
Binary files a/frontend/public/favicon.ico and b/frontend/public/favicon.ico differ
diff --git a/frontend/public/index.html b/frontend/public/index.html
index 8be889f..e2973eb 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -28,13 +28,10 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>BA - Marco Camenzind</title>
+    <title>React App</title>
   </head>
   <body>
-    <noscript
-      >Diese Anwendung funktioniert leider nur mit JavaScript. Bitte aktivieren
-      JavaScript in den Einstellungen</noscript
-    >
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/frontend/src/App.css b/frontend/src/App.css
index 2a480cd..a128aa2 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -40,10 +40,6 @@
   color: var(--primary);
 }
 
-a {
-  text-decoration: none;
-}
-
 a:hover:not(.navbar-logo) {
   border-bottom: 4px dotted var(--secondary);
 }
@@ -55,32 +51,21 @@ a:hover:not(.navbar-logo) {
 }
 
 h1 {
-  font-size: 4.5em;
+  font-size: 5em;
   margin: 0.7em auto;
-  text-align: center;
 }
 
 .sitePage h2 {
-  font-size: 3.7em;
+  font-size: 3.75em;
   margin: 0.7em auto;
 }
 
-.sitePage h3 {
-  font-size: 2em;
-  margin: 0.5em auto;
-}
-
 .sitePage p {
   font-size: 1.5em;
   max-width: 60%;
   margin-bottom: 4vh;
 }
 
-.sitePage ul li {
-  font-size: 1.5em;
-  margin-bottom: 0.7em;
-}
-
 .errorMessage {
   color: var(--error);
   max-width: 60%;
@@ -92,18 +77,3 @@ h1 {
 .bildnachweise {
   font-size: 1.3em;
 }
-
-.generated-password {
-  font-weight: bold;
-  user-select: none;
-}
-
-.study-finished {
-  background-color: var(--primary);
-  padding: 0.5em;
-}
-
-.study-finished > p {
-  color: var(--error);
-  font-size: 2em;
-}
diff --git a/frontend/src/App.jsx b/frontend/src/App.js
similarity index 79%
rename from frontend/src/App.jsx
rename to frontend/src/App.js
index 9ba9375..45f5a10 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.js
@@ -4,17 +4,20 @@ import "./App.css";
 import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import Home from "./components/pages/Home";
 import Ueber from "./components/pages/Ueber";
-import Lizenzen from "./components/pages/Lizenzen";
+import Lizenzen from "./components/pages/lizenzen";
 import Privacy from "./components/pages/Privacy";
 import Login from "./components/pages/Login";
 import Register from "./components/pages/Register";
 import Manual from "./components/pages/Manual";
+import Secret from "./components/pages/Secret";
 import Umfrage from "./components/pages/Umfrage";
 import PrivateRoute from "./auth/PrivateRoute";
-import Study from "./components/pages/Study";
-import Secret from "./components/pages/Secret";
+import { useAuth } from "./auth/AuthProvider";
+import BehaviorNormal from "./components/pages/BehaviorNormal";
 
 function App() {
+  const [isLoggedIn] = useAuth();
+  isLoggedIn ? (document.title = isLoggedIn) : document.title = isLoggedIn;
   return (
     <>
       <Router>
@@ -28,7 +31,7 @@ function App() {
           <Route path="/register" component={Register} />
           <Route path="/manual" component={Manual} />
           <Route path="/ueber" component={Ueber} />
-          <PrivateRoute path="/study" component={Study} />
+          <PrivateRoute path="/behavior" component={BehaviorNormal} />
           <PrivateRoute path="/secret" component={Secret} />
           <PrivateRoute path="/umfrage" component={Umfrage} />
         </Switch>
diff --git a/frontend/src/Footer.css b/frontend/src/Footer.css
index d9e9235..03f9900 100644
--- a/frontend/src/Footer.css
+++ b/frontend/src/Footer.css
@@ -92,6 +92,45 @@
   color: #b1b1b1;
 }
 
+/* Social Icons */
+.social-icon-link {
+  color: var(--forth);
+  font-size: 24px;
+}
+
+.social-media {
+  max-width: 1000px;
+  width: 100%;
+}
+
+.social-media-wrap {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 99%;
+  max-width: 1000px;
+  margin: 40px auto 0 auto;
+}
+
+.social-icons {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 240px;
+}
+
+.social-logo {
+  color: var(--forth);
+  justify-self: start;
+  margin-left: 20px;
+  cursor: pointer;
+  text-decoration: none;
+  font-size: 2rem;
+  display: flex;
+  align-self: center;
+  margin-bottom: 16px;
+}
+
 @media screen and (max-width: 820px) {
   .footer-links {
     padding-top: 2rem;
@@ -109,4 +148,7 @@
     flex-direction: column;
   }
 
+  .social-media-wrap {
+    flex-direction: column;
+  }
 }
diff --git a/frontend/src/Footer.jsx b/frontend/src/Footer.js
similarity index 95%
rename from frontend/src/Footer.jsx
rename to frontend/src/Footer.js
index 1e0fbfa..6c789d4 100644
--- a/frontend/src/Footer.jsx
+++ b/frontend/src/Footer.js
@@ -1,6 +1,7 @@
 import React from "react";
 import { Link } from "react-router-dom";
 import "./Footer.css";
+import "@fortawesome/fontawesome-free/css/all.css";
 
 function Footer() {
   return (
diff --git a/frontend/src/auth/PrivateRoute.jsx b/frontend/src/auth/PrivateRoute.js
similarity index 100%
rename from frontend/src/auth/PrivateRoute.jsx
rename to frontend/src/auth/PrivateRoute.js
diff --git a/frontend/src/components/Author.js b/frontend/src/components/Author.js
new file mode 100644
index 0000000..8ea89dd
--- /dev/null
+++ b/frontend/src/components/Author.js
@@ -0,0 +1,7 @@
+import React from "react";
+
+function AuthorDate() {
+  return <div></div>;
+}
+
+export default AuthorDate;
diff --git a/frontend/src/components/BehaviorNormal.jsx b/frontend/src/components/BehaviorNormal.jsx
deleted file mode 100644
index 9a4e715..0000000
--- a/frontend/src/components/BehaviorNormal.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import "../App.css";
-import GeneratedPassword from "./GeneratedPassword";
-
-export default function BehaviorNormal(props) {
-  return (
-    <>
-      <p>
-        Zu Beginn geht es darum, dass Sie ganz normal den Benutzernamen und das
-        Passwort eingeben. Verhalten Sie sich einfach so, als ob Sie sich
-        normalerweise anmelden.
-      </p>
-      <GeneratedPassword genPassword={props.genPassword} />
-    </>
-  );
-}
diff --git a/frontend/src/components/BehaviorPhone.jsx b/frontend/src/components/BehaviorPhone.jsx
deleted file mode 100644
index f0a23b8..0000000
--- a/frontend/src/components/BehaviorPhone.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import "../App.css";
-import GeneratedPassword from "./GeneratedPassword";
-
-export default function BehaviorPhone(props) {
-  return (
-    <>
-      <p>
-        Im nächsten Schritt geht es darum, dass Sie während der Passworteingabe
-        telefonieren. Nehmen Sie hierzu Ihr Smartphone oder Telefon und stellen
-        Sie sich vor, dass Sie gerade am Telefonieren sind. Verwenden Sie bitte
-        kein Headset oder Ähnliches.
-      </p>
-      <GeneratedPassword genPassword={props.genPassword} />
-    </>
-  );
-}
diff --git a/frontend/src/components/BehaviorStanding.jsx b/frontend/src/components/BehaviorStanding.jsx
deleted file mode 100644
index 8aa77d5..0000000
--- a/frontend/src/components/BehaviorStanding.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import "../App.css";
-import GeneratedPassword from "./GeneratedPassword";
-
-export default function BehaviorStanding(props) {
-  return (
-    <>
-      <p>
-        In dieser Situation geht es darum, dass Sie das Passwort im Stehen
-        eingeben. Stehen Sie also vor den Computer und geben Sie den
-        Benutzernamen und das Passwort wie gewohnt ein.
-      </p>
-      <GeneratedPassword genPassword={props.genPassword} />
-    </>
-  );
-}
diff --git a/frontend/src/components/BehaviorStudyEnd.jsx b/frontend/src/components/BehaviorStudyEnd.jsx
deleted file mode 100644
index a79f3c4..0000000
--- a/frontend/src/components/BehaviorStudyEnd.jsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import "../App.css";
-
-export default function BehaviorStudyEnd() {
-  return (
-    <>
-      <p>
-        Vielen Dank, dass Sie an der Studie teilgenommen haben. Sie helfen mir
-        mit Ihrer Teilnahme enorm für die Bachelorthesis weiter.
-      </p>
-      <p>
-        Damit ich möglichst aussagekräftige Ergebnisse erhalte, ist es für mich
-        wichtig, dass Sie mehrmals an der Studie teilnehmen. Daher bitte ich
-        Sie, dass Sie zu einem anderen Zeitpunkt die Studie wiederholen.
-      </p>
-    </>
-  );
-}
diff --git a/frontend/src/components/BehaviorStudyInfo.jsx b/frontend/src/components/BehaviorStudyInfo.jsx
deleted file mode 100644
index 15d2324..0000000
--- a/frontend/src/components/BehaviorStudyInfo.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-import "../App.css";
-
-export default function BehaviorStudyInfo() {
-  return (
-    <>
-      <p>
-        Nachfolgend werden Sie einige Schritte durchlaufen, um ihre
-        Nutzerinteraktion messen zu können. Verwenden Sie hierbei jeweils ihren
-        Benutzernamen, welchen Sie bereits zuvor genutzt haben. Das Passwort
-        wird jeweils generiert.
-      </p>
-      <p>
-        Bitte klicken Sie auf weiter, um mit der Studie zu beginnen. Bitte lesen
-        Sie die jeweilige Aufgabe jeweils genau.
-      </p>
-    </>
-  );
-}
diff --git a/frontend/src/components/Button.css b/frontend/src/components/Button.css
index 0319108..cbd63e3 100644
--- a/frontend/src/components/Button.css
+++ b/frontend/src/components/Button.css
@@ -31,12 +31,6 @@
   font-size: 1.3em;
 }
 
-.btn--full {
-  padding: 12px 26px;
-  margin: 0 auto;
-  font-size: 1.5em;
-}
-
 .btn--large:hover,
 .btn--medium:hover {
   transition: all 0.3s ease-out;
diff --git a/frontend/src/components/Button.jsx b/frontend/src/components/Button.js
similarity index 91%
rename from frontend/src/components/Button.jsx
rename to frontend/src/components/Button.js
index a43e24c..2353f06 100644
--- a/frontend/src/components/Button.jsx
+++ b/frontend/src/components/Button.js
@@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
 
 const STYLES = ["btn--primary", "btn--outline"];
 
-const SIZES = ["btn--medium", "btn--large", "btn--full"];
+const SIZES = ["btn--medium", "btn--large"];
 export const Button = ({
   children,
   type,
diff --git a/frontend/src/components/ErrorMessage.jsx b/frontend/src/components/ErrorMessage.js
similarity index 69%
rename from frontend/src/components/ErrorMessage.jsx
rename to frontend/src/components/ErrorMessage.js
index ef97343..41c2798 100644
--- a/frontend/src/components/ErrorMessage.jsx
+++ b/frontend/src/components/ErrorMessage.js
@@ -4,7 +4,7 @@ import "../App.css";
 export default function ErrorMessage(props) {
   return (
     <>
-      <p className="errorMessage">{props.message}</p>
+    <p className="errorMessage">{props.message}</p>
     </>
   );
-}
+}
\ No newline at end of file
diff --git a/frontend/src/components/GeneratedPassword.jsx b/frontend/src/components/GeneratedPassword.jsx
deleted file mode 100644
index 7536737..0000000
--- a/frontend/src/components/GeneratedPassword.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import "../App.css";
-
-export default function GeneratedPassword(props) {
-  return (
-    <>
-      <p>
-        Das Passwort für diese Situation lautet:{" "}
-        <span className="generated-password">{props.genPassword}</span>
-      </p>
-    </>
-  );
-}
diff --git a/frontend/src/components/HeroSection.jsx b/frontend/src/components/HeroSection.js
similarity index 90%
rename from frontend/src/components/HeroSection.jsx
rename to frontend/src/components/HeroSection.js
index 33e3968..be197eb 100644
--- a/frontend/src/components/HeroSection.jsx
+++ b/frontend/src/components/HeroSection.js
@@ -2,23 +2,22 @@ import React from "react";
 import "../App.css";
 import { Button } from "./Button";
 import "./HeroSection.css";
+import "@fortawesome/fontawesome-free/css/all.css";
 import { useAuth } from "../auth/AuthProvider";
-import StudyFinished from "./StudyFinished";
 
-export default function HeroSection() {
+function HeroSection() {
   const [isLoggedIn] = useAuth();
 
   return (
     <div className="hero-container">
       <h1>Herzlich Willkommen</h1>
-      <StudyFinished />
       <div className="hero-btns">
         {isLoggedIn ? (
           <Button
             className="btns"
             buttonStyle="btn--primary"
             buttonSize="btn--large"
-            newTo="study"
+            newTo="behavior"
           >
             Zur Studie
           </Button>
@@ -54,3 +53,5 @@ export default function HeroSection() {
     </div>
   );
 }
+
+export default HeroSection;
diff --git a/frontend/src/components/InputField.jsx b/frontend/src/components/InputField.js
similarity index 100%
rename from frontend/src/components/InputField.jsx
rename to frontend/src/components/InputField.js
diff --git a/frontend/src/components/Navbar.jsx b/frontend/src/components/Navbar.js
similarity index 88%
rename from frontend/src/components/Navbar.jsx
rename to frontend/src/components/Navbar.js
index 5f8b68a..973b276 100644
--- a/frontend/src/components/Navbar.jsx
+++ b/frontend/src/components/Navbar.js
@@ -6,8 +6,7 @@ import "@fortawesome/fontawesome-free/css/all.css";
 
 function Navbar() {
   const [click, setClick] = useState(false);
-  // eslint-disable-next-line
-  const [button, setButton] = useState(true);
+  const [button,setButton] = useState(true);
 
   const handleClick = () => setClick(!click);
   const closeMobileMenu = () => setClick(false);
@@ -44,17 +43,6 @@ function Navbar() {
                 Startseite
               </Link>
             </li>
-            {isLoggedIn && (
-              <li className="nav-item">
-                <Link
-                  to="/study"
-                  className="nav-links"
-                  onClick={closeMobileMenu}
-                >
-                  Studie
-                </Link>
-              </li>
-            )}
             <li className="nav-item">
               <Link to="/Ueber" className="nav-links" onClick={closeMobileMenu}>
                 Über
diff --git a/frontend/src/components/StudyFinished.jsx b/frontend/src/components/StudyFinished.jsx
deleted file mode 100644
index 0c2da0c..0000000
--- a/frontend/src/components/StudyFinished.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import "../App.css"
-
-export default function StudyFinished() {
-  return (
-    <div className="study-finished">
-      <p>Die Studie wurde beendet.</p>
-      <p>Vielen Dank für die Teilnahme an der Studie</p>
-    </div>
-  );
-}
diff --git a/frontend/src/components/SubmitField.jsx b/frontend/src/components/SubmitField.js
similarity index 100%
rename from frontend/src/components/SubmitField.jsx
rename to frontend/src/components/SubmitField.js
diff --git a/frontend/src/components/pages/BehaviorNormal.js b/frontend/src/components/pages/BehaviorNormal.js
new file mode 100644
index 0000000..5b71911
--- /dev/null
+++ b/frontend/src/components/pages/BehaviorNormal.js
@@ -0,0 +1,120 @@
+import React, { useEffect, useState} from "react";
+import "../../App.css";
+import Footer from "../../Footer";
+import { Logger } from "@behametrics/logger-web";
+import { useAuth } from "../../auth/AuthProvider";
+import InputField from "../InputField";
+import SubmitField from "../SubmitField";
+
+export default function BehaviorNormal() {
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+
+  const handleUsernameChange = (e) => {
+    setUsername(e.target.value);
+  };
+  const handlePasswordChange = (e) => {
+    setPassword(e.target.value);
+  };
+
+  const handleOnCopyEvent = (e) => {
+    e.preventDefault();
+    console.log("copy not allowed");
+    return false;
+  };
+
+  const handleOnPasteEvent = (e) => {
+    e.preventDefault();
+    console.log("paste not allowed");
+    return false;
+  };
+
+  const onSubmitClick = (e) => {
+    e.preventDefault();
+    let opts = {
+      username: username,
+      password: password,
+    };
+    fetch("/api/protected/behavior", {
+      method: "post",
+      body: JSON.stringify(opts),
+    }).then((response) => {
+      if (response.status === 401) {
+        response.json().then((resp) => {
+          console.log("nicht so wirklich gut");
+          // setErrorMessage(resp.message);
+        });
+      } else {
+        response.json().then((token) => {
+          console.log("Alles gut :-)");
+        });
+      }
+    });
+  };
+
+  let logger = new Logger({
+    //inputs: ["cursor", "wheel", "keyboard", "touch"],
+    inputs: ["keyboard"],
+    // logToConsole: true,
+  });
+  logger.init();
+
+  let [isLoggedIn] = useAuth();
+
+  useEffect(() => {
+    document.title = `${isLoggedIn}`;
+    if (isLoggedIn === false) {
+      logger.stop();
+    } else {
+      logger.start();
+    }
+  });
+  return (
+    <>
+      <div className="sitePage">
+        <h1>Studie</h1>
+        <p>
+          Nachfolgend werden Sie einige Schritte durchlaufen, um ihre
+          Nutzerinteraktion messen zu können. Verwenden Sie hierbei jeweils
+          ihren Benutzernamen, welchen Sie bereits zuvor genutzt haben. Das
+          Passwort wird jeweils generiert.
+        </p>
+        <p>
+          Zu Beginn geht es darum, dass Sie ganz normal den Benutzernamen und
+          das Passwort eingeben. Verhalten Sie sich einfach so, als ob Sie sich
+          normalerweise anmelden.
+        </p>
+        <p onCopy={handleOnCopyEvent}>
+          Das Passwort für diese Situation lautet: abcdefgeh
+        </p>
+        <form action="#">
+          <InputField
+            LabelName="Benutzername"
+            onChange={handleUsernameChange}
+            InputType="text"
+            InputName="Benutzername"
+            InputPlaceHolder="Benutzername"
+            onCopy={handleOnCopyEvent}
+            onPaste={handleOnPasteEvent}
+          />
+          <InputField
+            LabelName="Passwort"
+            onChange={handlePasswordChange}
+            InputType="password"
+            InputName="Passwort"
+            InputPlaceHolder="Benutzername"
+            onCopy={handleOnCopyEvent}
+            onPaste={handleOnPasteEvent}
+          />
+          <SubmitField
+            LabelName="Weiter zur nächsten Situation"
+            InputValue="next-situation"
+            InputName="Weiter"
+            onClick={onSubmitClick}
+          />
+        </form>
+      </div>
+      <Footer />
+    </>
+  );
+}
diff --git a/frontend/src/components/pages/Home.jsx b/frontend/src/components/pages/Home.js
similarity index 100%
rename from frontend/src/components/pages/Home.jsx
rename to frontend/src/components/pages/Home.js
diff --git a/frontend/src/components/pages/Lizenzen.jsx b/frontend/src/components/pages/Lizenzen.jsx
deleted file mode 100644
index e47176c..0000000
--- a/frontend/src/components/pages/Lizenzen.jsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React from "react";
-import "../../App.css";
-import Footer from "../../Footer";
-
-export default function Lizenzen() {
-  return (
-    <>
-      <div className="sitePage license">
-        <h1>Lizenzen und Bildnachweise</h1>
-        <p>
-          Nachfolgend sollen die verwendeten Bibliotheken inklusive der Lizenz
-          aufgeführt werden. Neben den Bibliotheken sollen vorallem auch
-          Bildnachweise notiert werden.
-        </p>
-        <h2>Verwendete Bibliotheken</h2>
-        <h3>Frontend</h3>
-        <ul>
-          <li>
-            ReactJS (MIT-Lizenz):{" "}
-            <a href="https://github.com/facebook/react">
-              https://github.com/facebook/react
-            </a>{" "}
-          </li>
-          <li>
-            Behametrics Web-Logger (MIT-Lizenz):{" "}
-            <a href="https://gitlab.com/behametrics/logger-web">
-              https://gitlab.com/behametrics/logger-web
-            </a>
-          </li>
-          <li>
-            Fortawesome Icons (CC-BY-4.0):{" "}
-            <a href="https://github.com/FortAwesome/Font-Awesome">
-              https://github.com/FortAwesome/Font-Awesome
-            </a>
-          </li>
-          <li>
-            React-Token-Auth (ISC-Lizenz):{" "}
-            <a href="https://github.com/obabichev/react-token-auth">
-              https://github.com/obabichev/react-token-auth
-            </a>
-          </li>
-          <li>
-            react-router-dom (MIT-Lizenz)
-            <a href="https://github.com/ReactTraining/react-router">
-              https://github.com/ReactTraining/react-router
-            </a>
-          </li>
-        </ul>
-        <h3>Backend</h3>
-        <ul>
-          <li>
-            Flask (BSD-3-Lizenz):{" "}
-            <a href="https://github.com/pallets/flask/">
-              https://github.com/pallets/flask/
-            </a>
-          </li>
-          <li>
-            flask-sqlalchemy (BSD-3-Lizenz):{" "}
-            <a href="https://github.com/pallets/flask-sqlalchemy">
-              https://github.com/pallets/flask-sqlalchemy
-            </a>
-          </li>
-          <li>
-            flask-praetorian (MIT-Lizenz):{" "}
-            <a href="https://github.com/dusktreader/flask-praetorian">
-              https://github.com/dusktreader/flask-praetorian
-            </a>
-          </li>
-          <li>
-            Flask-CORS (MIT-Lizenz):{" "}
-            <a href="https://github.com/corydolphin/flask-cors">
-              https://github.com/corydolphin/flask-cors
-            </a>
-          </li>
-          <li>
-            Behametrics Serverimplementierung (MIT-Lizenz):{" "}
-            <a href="https://gitlab.com/behametrics/server">
-              https://gitlab.com/behametrics/server
-            </a>
-          </li>
-        </ul>
-        <h2>Bildnachweise</h2>
-        <ul className="bildnachweise">
-          <li>
-            Originalbild für die Startseite:{" "}
-            <a href="https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/">
-              https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/
-            </a>
-          </li>
-        </ul>
-      </div>
-      <Footer />
-    </>
-  );
-}
diff --git a/frontend/src/components/pages/Login.jsx b/frontend/src/components/pages/Login.js
similarity index 96%
rename from frontend/src/components/pages/Login.jsx
rename to frontend/src/components/pages/Login.js
index c6ea7f8..527105a 100644
--- a/frontend/src/components/pages/Login.jsx
+++ b/frontend/src/components/pages/Login.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, {useState} from "react";
 import "../../App.css";
 import Footer from "../../Footer";
 import InputField from "../InputField";
@@ -70,7 +70,7 @@ export default function Login() {
           </form>
         ) : (
           <>
-            <Redirect to="/study" />
+            <Redirect to="/behavior" />
           </>
         )}
       </div>
diff --git a/frontend/src/components/pages/Manual.js b/frontend/src/components/pages/Manual.js
new file mode 100644
index 0000000..46ae5ef
--- /dev/null
+++ b/frontend/src/components/pages/Manual.js
@@ -0,0 +1,14 @@
+import React from "react";
+import "../../App.css";
+import Footer from "../../Footer";
+
+export default function Manual() {
+  return (
+    <>
+      <div className="sitePage">
+        <h1> Anleitung / Bedienungshinweise</h1>
+      </div>
+      <Footer />
+    </>
+  );
+}
diff --git a/frontend/src/components/pages/Manual.jsx b/frontend/src/components/pages/Manual.jsx
deleted file mode 100644
index d86d436..0000000
--- a/frontend/src/components/pages/Manual.jsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import React from "react";
-import { Link } from "react-router-dom";
-import "../../App.css";
-import Footer from "../../Footer";
-
-export default function Manual() {
-  return (
-    <>
-      <div className="sitePage">
-        <h1> Anleitung / Bedienungshinweise</h1>
-        <p>
-          Vielen Dank für Ihr Interesse an meiner Bachelorthesis. Falls Sie noch
-          grundlegende Informationen benötigen, können Sie diese{" "}
-          <Link to="ueber">hier</Link> genauer anschauen. Hier geht es darum,
-          dass ich Ihnen eine kurze Anleitung zur Verfügung stelle und erkäre
-          wie das ganze funktioniert.
-        </p>
-        <h2>Neu hier</h2>
-        <p>
-          Bei Besuchern, die das erste Mal hier sind, geht es um zwei Dinge.
-          Erstens müssen sich diese registrieren und zweitens sollte eine
-          Umfrage durchgeführt werden. Diese Umfrage dient dazu, dass ich eine
-          grobe Übersicht habe, welche Personengruppen teilgenommen haben. Für
-          die Registrierung klicken Sie oben rechts einfach auf registieren. Sie
-          müssen dann einen Nutzernamen und ein Passwort eingeben. Schauen Sie
-          darauf, dass Sie sich den Benutzernamen und das Passwort merken
-          können. Es gibt keine Möglichkeit, das Passwort oder den Benutzernamen
-          zurückzusetzen. Nach der Registrierung landen Sie auf einer
-          Umfrageseite. Füllen Sie die Fragen wahrheitsgemäss aus und klicken
-          Sie danach auf "Umfrage abschicken". Nachdem die Umfrage durchgeführt
-          wurde, können Sie an der Studie teilnehmen, indem Sie auf den Button
-          "Studie starten" klicken. Folgen Sie danach den Anweisungen gemäss der
-          Studie.
-        </p>
-        <h2>War schon einmal hier</h2>
-        <p>Wenn Sie schon einmal hier waren, gibt es zwei mögliche Zustände:</p>
-        <ul>
-          <li>Sie sind noch eingeloggt</li>
-          <li>Sie sind nicht mehr eingeloggt</li>
-        </ul>
-        <p>
-          Sofern Sie noch nicht eingeloggt sind, können Sie sich anmelden mit
-          ihrem gewählten Benutzernamen und dem Passwort. Sie landen dann direkt
-          auf der Seite, welche ich für meine Studie benötige. Führen Sie dort
-          die Studie die Studie wie gewohnt durch und beenden Sie diese am
-          Schluss der Studie mit dem Button "Studie beenden".
-        </p>
-        <p>
-          Wenn Sie bereits eingeloggt sind, dann landen Sie auf der Startseite.
-          Sie finden in der Mitte einen Button mit der Überschrift "Zur Studie".
-          Klicken Sie bitte auf diesen Button und führen Sie dann die Studie
-          durch.
-        </p>
-      </div>
-      <Footer />
-    </>
-  );
-}
diff --git a/frontend/src/components/pages/Privacy.js b/frontend/src/components/pages/Privacy.js
new file mode 100644
index 0000000..4091220
--- /dev/null
+++ b/frontend/src/components/pages/Privacy.js
@@ -0,0 +1,15 @@
+import React from "react";
+import "../../App.css";
+import Footer from "../../Footer";
+
+export default function Privacy() {
+  return (
+    <>
+      <div className="sitePage">
+        <h1>Datenschutz</h1>
+      </div>
+      "
+      <Footer />
+    </>
+  );
+}
diff --git a/frontend/src/components/pages/Privacy.jsx b/frontend/src/components/pages/Privacy.jsx
deleted file mode 100644
index 9b3bbc2..0000000
--- a/frontend/src/components/pages/Privacy.jsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import React from "react";
-import "../../App.css";
-import Footer from "../../Footer";
-
-export default function Privacy() {
-  return (
-    <>
-      <div className="sitePage">
-        <h1>Datenschutz</h1>
-        <p>
-          Nachfolgend werden Sie informiert, welche Daten ich von Ihnen erfasse
-          und erhebe. Grundsätzlich gilt, dass ich sämtliche Daten nach der
-          Bachelorthesis wieder lösche. Ausserdem gebe ich keine
-          personenbezogenen Daten an Dritte weiter. Nachfolgend werden die Daten
-          in folgende drei Kategorien eingeteilt:
-        </p>
-        <ul>
-          <li>Daten des Webservers</li>
-          <li>Anmelde- und Umfragedaten</li>
-          <li>Daten zu biometrischen Verhaltensmerkmalen</li>
-        </ul>
-        <h2>Daten des Webservers</h2>
-        <p>
-          Diese Webanwendung wird auf einem virtuellen Server bei{" "}
-          <a href="https://netcup.de">netcup</a> betrieben. Um diese
-          Webanwendung grundsätzlich bereitzustellen, werden die folgenden Daten
-          erhoben:{" "}
-        </p>
-        <ul>
-          <li>IP-Adresse der Anfrage</li>
-          <li>URL der Anfrage</li>
-          <li>
-            User-Agent der Anfrage (also z.B. der verwendete Browser usw.)
-          </li>
-          <li>Status der Antwort</li>
-        </ul>
-        <p>
-          Diese Informationen werden verwendet, um den reibungslosen Betrieb der
-          Webseit zu gewährleisten.{" "}
-        </p>
-        <h2>Anmelde- und Umfragedaten</h2>
-        <p>
-          Im Rahmen der Bachelorthesis erfasse ich einige Merkmale über Sie.
-          Hierzu zählen einerseits die Logindaten, welche erfasst werden müssen,
-          damit Sie sich einloggen können. Ausserdem erfasse ich die folgenden
-          Daten mit einer Umfrage:{" "}
-        </p>
-        <ul>
-          <li>Alter </li>
-          <li>Geschlecht </li>
-          <li>Höchster Bildungsstand </li>
-          <li>Geschätzte Anwenderkenntnisse im Informatikbereich</li>
-        </ul>
-        <p>
-          Die Anmeldedaten werden verwendet, damit Sie sich auf der Webseite
-          einloggen können. Damit Sie sich nicht jedes Mal anmelden müssen,
-          verwende ich die Methode von LocalStorage. Im Localstorage wird der
-          Wert REACT_TOKEN_AUTH_KEY gespeichert, welcher einen Zugangscode
-          enthält. Die Umfragedaten werden ausgewertet, damit ich die
-          Teilnehmenden einordnen kann. Die Daten werst sonst nicht
-          weiterverwertet.
-        </p>
-        <h2>Daten zu biometrischen Verhaltensmerkmalen</h2>
-        <p>
-          Während der Studie werden biometirsche Daten gesammelt. Zu den
-          biometrischen Daten gehören Mausbewegungen und Tastaturanschläge.
-          Diese Daten werden lediglich im Rahmen der Bachelorthesis verwendet
-          und ausgewertet. Nachdem die Bachelorthesis beendet ist, werden
-          sämtliche Daten gelöscht. Es erfolgt keine Auswertung der
-          biometrischen Daten im Zusammenhang mit den Daten der Umfrage.
-          Allerdings kann der Benutzername, welchen Sie bei der Anmeldung
-          angegeben haben, verwendet werden.
-        </p>
-        <h2>Weitergabe der Daten</h2>
-        <p>
-        Grundsätzlich werden die Daten nicht an Dritte weitergegeben. Folgende
-        Ausnahmen gibt es:
-        </p>
-        <ul>
-          <li>
-            Der Fernfachhochschule Schweiz werden die Daten falls notwendig
-            weitergegeben.
-          </li>
-          <li>
-            Sofern es eine gesetzliche Grundlage gibt, werden die Daten auch
-            weitergegeben.
-          </li>
-          <li>
-            Wie bereits oben erwähnt, läuft die Webanwendung auf einem
-            virtuellen Server bei <a href="https://netcup.de">netcup</a>. Hierbei gelten die Datenschutzbestimmungen von netcup, welche <a href="https://www.netcup.de/kontakt/datenschutzerklaerung.php">hier</a> eingesehen werden können.
-          </li>
-        </ul>
-      </div>
-      <Footer />
-    </>
-  );
-}
diff --git a/frontend/src/components/pages/Register.jsx b/frontend/src/components/pages/Register.js
similarity index 98%
rename from frontend/src/components/pages/Register.jsx
rename to frontend/src/components/pages/Register.js
index 3a9d551..ab4707a 100644
--- a/frontend/src/components/pages/Register.jsx
+++ b/frontend/src/components/pages/Register.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, {useState} from "react";
 import "../../App.css";
 import Footer from "../../Footer";
 import InputField from "../InputField";
diff --git a/frontend/src/components/pages/Secret.jsx b/frontend/src/components/pages/Secret.js
similarity index 100%
rename from frontend/src/components/pages/Secret.jsx
rename to frontend/src/components/pages/Secret.js
diff --git a/frontend/src/components/pages/Study.jsx b/frontend/src/components/pages/Study.jsx
deleted file mode 100644
index e19bc40..0000000
--- a/frontend/src/components/pages/Study.jsx
+++ /dev/null
@@ -1,283 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-import "../../App.css";
-import Footer from "../../Footer";
-import InputField from "../InputField";
-import SubmitField from "../SubmitField";
-import ErrorMessage from "../ErrorMessage";
-import { Logger } from "@behametrics/logger-web";
-import { Button } from "../Button";
-import BehaviorStudyInfo from "../BehaviorStudyInfo";
-import BehaviorNormal from "../BehaviorNormal";
-import BehaviorPhone from "../BehaviorPhone";
-import BehaviorStanding from "../BehaviorStanding";
-import BehaviorStudyEnd from "../BehaviorStudyEnd";
-import { authFetch } from "../../auth/AuthProvider";
-import StudyFinished from "../StudyFinished";
-
-export default function Study() {
-  const _logger = useRef(0);
-  const [serverUsername, setServerUsername] = useState("");
-  const [genPassword, setGenPassword] = useState("");
-  const STATES = {
-    START: "start",
-    NORMAL: "normal",
-    PHONE: "phone",
-    STANDING: "standing",
-    END: "end",
-  };
-  const [state, setState] = useState(STATES.START);
-  const [isInputCorrect, setIsInputCorrect] = useState(true);
-
-  const errorText =
-    "Das Passwort und der Benutzername stimmen nicht überein. Bitte prüfen Sie, dass Sie das Passwort richtig abgetippt und den Benutzernamen richtig eingegeben haben.";
-
-  useEffect(() => {
-    _logger.current = new Logger({
-      inputs: ["keyboard", "wheel", "cursor", "custom"],
-    });
-    _logger.current.init();
-    authFetch("/api/username", {
-      method: "get",
-    }).then((response) => {
-      response.json().then((resp) => {
-        setServerUsername(resp.username);
-      });
-    });
-  }, []);
-
-  let username = "";
-  const setUsername = (tmp_username) => {
-    username = tmp_username;
-  };
-
-  let password = "";
-  const setPassword = (tmp_password) => {
-    password = tmp_password;
-  };
-
-  const handleLoggerOff = () => {
-    _logger.current.stop();
-    console.log("Logger ausgeschaltet");
-  };
-
-  const handleLoggerOn = () => {
-    _logger.current.start();
-    console.log("start logging ");
-  };
-
-  const handlePasswordChange = (e) => {
-    setPassword(e.target.value);
-  };
-
-  const handleUsernameChange = (e) => {
-    setUsername(e.target.value);
-  };
-
-  const handleOnPasteEvent = (e) => {
-    e.preventDefault();
-    return false;
-  };
-  const handleOnCopyEvent = (e) => {
-    e.preventDefault();
-    return false;
-  };
-
-  const checkIfUsernameIsCorrect = () => {
-    return serverUsername === username;
-  };
-
-  const receiveRandomPassword = () => {
-    fetch("/api/rcv_pw", {
-      method: "get",
-    }).then((response) => {
-      response.json().then((resp) => {
-        setGenPassword(resp.random_password);
-      });
-    });
-  };
-
-  const checkIfPasswordIsCorrect = () => {
-    return genPassword === password;
-  };
-
-  const checkIfValuesAreCorrect = () => {
-    return checkIfPasswordIsCorrect() && checkIfUsernameIsCorrect();
-  };
-
-  const handleClickAtStepStart = () => {
-    receiveRandomPassword();
-    setState(STATES.NORMAL);
-    handleLoggerOn();
-    // map username and session with the logs
-    _logger.current.logCustomEvent({
-      name: serverUsername,
-    });
-  };
-
-  const resetInputValues = () => {
-    let inputElements = document.querySelectorAll(
-      'div input:not([type="submit"])'
-    );
-    for (let i = 0; i < inputElements.length; i++) {
-      inputElements[i].value = "";
-    }
-  };
-
-  const handleClickAtStepNormal = () => {
-    if (checkIfValuesAreCorrect()) {
-      receiveRandomPassword();
-      setIsInputCorrect(true);
-      setState(STATES.PHONE);
-    } else {
-      setIsInputCorrect(false);
-      resetInputValues();
-    }
-  };
-
-  const handleClickAtStepPhone = () => {
-    if (checkIfValuesAreCorrect()) {
-      receiveRandomPassword();
-      setIsInputCorrect(true);
-      setState(STATES.STANDING);
-    } else {
-      setIsInputCorrect(false);
-      resetInputValues();
-    }
-  };
-
-  const handleClickAtStepStanding = () => {
-    if (checkIfValuesAreCorrect()) {
-      setIsInputCorrect(true);
-      setState(STATES.END);
-      handleLoggerOff();
-    } else {
-      setIsInputCorrect(false);
-      resetInputValues();
-    }
-  };
-
-  const study_start = (
-    <>
-      <BehaviorStudyInfo />
-      <Button
-        className="btns"
-        buttonStyle="btn--primary"
-        buttonSize="btn--full"
-        onClick={handleClickAtStepStart}
-        newTo="study"
-      >
-        Studie starten
-      </Button>
-    </>
-  );
-
-  const study_normal = (
-    <>
-      <BehaviorNormal onCopy={handleOnCopyEvent} genPassword={genPassword} />
-      {!isInputCorrect && <ErrorMessage message={errorText} />}
-      <div>
-        <InputField
-          LabelName="Benutzername"
-          onChange={handleUsernameChange}
-          InputType="text"
-          InputName="Benutzername"
-          InputPlaceHolder="Benutzername"
-          onPaste={handleOnPasteEvent}
-        />
-        <InputField
-          LabelName="Passwort"
-          onChange={handlePasswordChange}
-          InputType="password"
-          InputName="Passwort"
-          InputPlaceHolder="Passwort"
-          onPaste={handleOnPasteEvent}
-        />
-        <SubmitField
-          LabelName="Weiter zur nächsten Situation"
-          InputValue="next-situation"
-          InputName="Weiter"
-          onClick={handleClickAtStepNormal}
-        />
-      </div>
-    </>
-  );
-
-  const study_phone = (
-    <>
-      <BehaviorPhone genPassword={genPassword} />
-      {!isInputCorrect && <ErrorMessage message={errorText} />}
-      <div>
-        <InputField
-          LabelName="Benutzername"
-          onChange={handleUsernameChange}
-          InputType="text"
-          InputName="Benutzername"
-          InputPlaceHolder="Benutzername"
-          onPaste={handleOnPasteEvent}
-        />
-        <InputField
-          LabelName="Passwort"
-          onChange={handlePasswordChange}
-          InputType="password"
-          InputName="Passwort"
-          InputPlaceHolder="Passwort"
-          onPaste={handleOnPasteEvent}
-        />
-        <SubmitField
-          LabelName="Weiter zur nächsten Situation"
-          InputValue="next-situation"
-          InputName="Weiter"
-          onClick={handleClickAtStepPhone}
-        />
-      </div>
-    </>
-  );
-
-  const study_standing = (
-    <>
-      <BehaviorStanding genPassword={genPassword} />
-      {!isInputCorrect && <ErrorMessage message={errorText} />}
-      <div>
-        <InputField
-          LabelName="Benutzername"
-          onChange={handleUsernameChange}
-          InputType="text"
-          InputName="Benutzername"
-          InputPlaceHolder="Benutzername"
-          onPaste={handleOnPasteEvent}
-        />
-        <InputField
-          LabelName="Passwort"
-          onChange={handlePasswordChange}
-          InputType="password"
-          InputName="Passwort"
-          InputPlaceHolder="Passwort"
-          onPaste={handleOnPasteEvent}
-        />
-        <SubmitField
-          LabelName="Studie beenden"
-          InputValue="stopStudy"
-          InputName="quit"
-          onClick={handleClickAtStepStanding}
-        />
-      </div>
-    </>
-  );
-
-  const study_end = <BehaviorStudyEnd />;
-
-  return (
-    <>
-      <div className="sitePage">
-        <h1>Studie</h1>
-        <StudyFinished />
-        {state === STATES.START ? study_start : null}
-        {state === STATES.NORMAL ? study_normal : null}
-        {state === STATES.PHONE ? study_phone : null}
-        {state === STATES.STANDING ? study_standing : null}
-        {state === STATES.END ? study_end : null}
-      </div>
-      <Footer />
-    </>
-  );
-}
diff --git a/frontend/src/components/pages/Ueber.jsx b/frontend/src/components/pages/Ueber.js
similarity index 64%
rename from frontend/src/components/pages/Ueber.jsx
rename to frontend/src/components/pages/Ueber.js
index 601ae8b..d8bb19d 100644
--- a/frontend/src/components/pages/Ueber.jsx
+++ b/frontend/src/components/pages/Ueber.js
@@ -9,10 +9,10 @@ export default function Ueber() {
         <h1>Über das Projekt</h1>
         <p>
           Im Rahmen meiner Bachelorthesis an der Fernfachhochschule Schweiz
-          möchte ich der Frage nachgehen, wie sich die Verhaltensmerkmale (also zum Beispiel Tastaturanschläge und Mausbewegungen) in
+          möchte ich der Frage nachgehen, wie sich die Verhaltensmerkmale in
           unterschiedlichen Situationen unterscheiden. Hierfür habe ich eine
           Webanwendung entwickelt, welche die Nutzerinnen und Nutzer möglichst
-          einfach durch die Studie führt. Damit ich ein paar Personen respektive deren Verhalten erfassen kann, ist es natürlich wichtig, dass mehrere Personen an der Studie teilnehmen. Ausserdem ist es wichtig, dass die teilnehmenden Personen mehrere Male teilnehmen, so dass ich mögliche Unterschiede während des Tagesverlauf bewerten kann.
+          einfach durch die Studie führt.
         </p>
         <p>
           Falls Sie Fragen haben, können Sie diese jederzeit per Mail stellen.
diff --git a/frontend/src/components/pages/Umfrage.jsx b/frontend/src/components/pages/Umfrage.js
similarity index 98%
rename from frontend/src/components/pages/Umfrage.jsx
rename to frontend/src/components/pages/Umfrage.js
index a47ec6c..6a6b0e1 100644
--- a/frontend/src/components/pages/Umfrage.jsx
+++ b/frontend/src/components/pages/Umfrage.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, {useState} from "react";
 import "../../App.css";
 import "../Input.css";
 import Footer from "../../Footer";
@@ -51,8 +51,8 @@ export default function Umfrage() {
 
     if (!Number(age)) {
       setAgeErrorMessage("Das Alter muss als Zahl angegeben werden.");
-      setIsSurveyValid(false);
-      setIsAgeOk(false);
+      //setIsSurveyValid(false);
+      // setIsAgeOk(false);
     }
     if (gender === "DEFAULT" || gender === "") {
       setGenderErrorMessage(
@@ -219,7 +219,7 @@ export default function Umfrage() {
         {!isSurveyValidBackend ? (
           <ErrorMessage message={backendErrorMessage} />
         ) : (
-          <Redirect to="/study" />
+          <Redirect to="/behavior" />
         )}
       </div>
       <Footer />
diff --git a/frontend/src/components/pages/lizenzen.js b/frontend/src/components/pages/lizenzen.js
new file mode 100644
index 0000000..1bb415c
--- /dev/null
+++ b/frontend/src/components/pages/lizenzen.js
@@ -0,0 +1,31 @@
+import React from "react";
+import "../../App.css";
+import Footer from "../../Footer";
+
+export default function Lizenzen() {
+  return (
+    <>
+      <div className="sitePage">
+        <h1>Lizenzen und Bildnachweise</h1>
+        <p>
+          Nachfolgend sollen die verwendeten Bibliotheken inklusive der Lizenz
+          aufgeführt werden. Neben den Bibliotheken sollen vorallem auch
+          Bildnachweise notiert werden.
+        </p>
+        <h2>Verwendete Bibliotheken</h2>
+        <h3>Backend</h3>
+        <h3>Frontend</h3>
+        <h2>Bildnachweise</h2>
+        <ul className="bildnachweise">
+          <li>
+            Originalbild für die Startseite:
+            <a href="https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/">
+              https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/
+            </a>
+          </li>
+        </ul>
+      </div>
+      <Footer />
+    </>
+  );
+}
diff --git a/frontend/src/images/img-9.jpg b/frontend/src/images/img-9.jpg
new file mode 100644
index 0000000..dbde085
Binary files /dev/null and b/frontend/src/images/img-9.jpg differ
diff --git a/frontend/src/images/img-home.jpg b/frontend/src/images/img-home.jpg
new file mode 100644
index 0000000..9d214db
Binary files /dev/null and b/frontend/src/images/img-home.jpg differ
diff --git a/requests.sh b/requests.sh
deleted file mode 100755
index ff77321..0000000
--- a/requests.sh
+++ /dev/null
@@ -1,60 +0,0 @@
-#!/bin/bash
-
-ACTION=$1
-VALUE=$2
-ACTIONS=(login register rcvpw username data csv prod_data prod_csv)
-
-print_help(){
-    echo "Usage: $0 ACTION [TOKEN|INPUT_TYPE]"
-    echo
-    echo "available actions:"
-    for el in "${ACTIONS[@]}"; do
-       echo - "$el"
-    done
-    exit 1
-}
-
-if [[ -z $1 ]]; then
-    print_help
-fi
-
-
-case $ACTION in 
-    "${ACTIONS[0]}") # login
-        echo "login action"
-        curl localhost:5050/api/login -X POST -d '{"username":"test","password":"test"}'
-        ;;
-    "${ACTIONS[1]}") # register
-        echo "register action"
-        curl localhost:5050/api/register -X POST -d '{"username":"test","password":"test"}'
-        ;;
-    "${ACTIONS[2]}") # reveice password
-        echo "rcv_pw action"
-        curl localhost:5050/api/protected/rcv_pw
-        ;;
-    "${ACTIONS[3]}") # get current username
-        echo "get username action"
-        curl localhost:5050/api/username -X GET -H "Authorization: Bearer $VALUE"
-        ;;
-    "${ACTIONS[4]}") # get all data from behametricsserver
-        echo "get data action"
-        curl localhost:5000/data
-        ;;
-    "${ACTIONS[5]}") # get all data from behametricsserver
-        echo "get csv from input action"
-        curl localhost:5000/data/csv/"${VALUE}"
-        ;;
-    "${ACTIONS[6]}") # get all data from behametricsserver
-        echo "get prod data action"
-        curl behavior.marcocamenzind.ch:5000/data
-        ;;
-    "${ACTIONS[7]}") # get all data from behametricsserver
-        echo "get prod csv from input action"
-        curl behavior.marcocamenzind.ch:5000/data/csv/"${VALUE}"
-        ;;
-    *)
-        echo "Error: Action not available"
-        echo 
-        print_help
-        ;;
-esac
diff --git a/stop.sh b/stop.sh
index d799108..7f2b2e8 100644
--- a/stop.sh
+++ b/stop.sh
@@ -1,6 +1,2 @@
-podman stop frontend-dev frontend-prod frontend-testing backend-dev backend-prod backend-testing
-podman rm frontend-dev frontend-prod frontend-testing backend-dev backend-prod backend-testing
-podman rmi app_from_scratch_backend-dev app_from_scratch_frontend-dev
-podman rmi caminsha/bt-frontend caminsha/bt-backend
 podman-compose down 
 podman-compose -f docker-compose.prod.yml down
diff --git a/test-prod-containers.yml b/test-prod-containers.yml
deleted file mode 100644
index 4ce5ecb..0000000
--- a/test-prod-containers.yml
+++ /dev/null
@@ -1,29 +0,0 @@
-version: '3.7'
-services:
-  frontend-prod:
-    containername: frontend-testing
-    build:
-      context: ./frontend
-      dockerfile: Dockerfile.prod
-    ports:
-      - 3000:80
-  backend-prod:
-    container_name: backend-testing
-    build:
-      context: ./backend
-      dockerfile: Dockerfile.prod
-    environment:
-      DEBUG: "no"
-      PORT: 5050
-      HOST: "0.0.0.0"
-  behametrics-server:
-    image: registry.gitlab.com/behametrics/server:latest
-    container_name: "behametrics-server"
-    ports:
-      - 5000:5000
-    environment:
-      - MONGO_URI=mongodb://mongodb:27017/behametrics
-  mongodb:
-    image: mongo:4.0.1
-    container_name: "behametrics-mongo"
-    command: mongod --smallfiles