diff --git a/docs/admin/webapp-config.rst b/docs/admin/webapp-config.rst
index 4a673a09..f4952950 100644
--- a/docs/admin/webapp-config.rst
+++ b/docs/admin/webapp-config.rst
@@ -23,7 +23,7 @@ Full configuration
 		"locale": "en", // DEPRECTATED, alias of defaultLocale
 		"defaultLocale": "en",
 		"locales": ["en", "de", "pt_BR"], // keep this empty to disable user-choosable locale. Order of this array is dropdown order
-		"dateLocale": "en-ie",
+		"date_locale": "en-ie",
 		"timetravelTo": "2020-08-26T06:49:28.975Z", // forces local time to always be this (for schedule demo purposes ONLY)
 		// if no token is found in URL hash redirect to given authentication URL.
 		// used together with an external server which generates JW tokens based e.g. on user login and password
diff --git a/server/tests/api/test_rooms.py b/server/tests/api/test_rooms.py
index 7efc7b5c..3bff520f 100644
--- a/server/tests/api/test_rooms.py
+++ b/server/tests/api/test_rooms.py
@@ -12,7 +12,8 @@
 @pytest.mark.django_db
 def test_room_list(client, world):
     r = client.get(
-        "/api/v1/worlds/sample/rooms/", HTTP_AUTHORIZATION=get_token_header(world)
+        "/api/v1/worlds/sample/rooms/",
+        HTTP_AUTHORIZATION=get_token_header(world),
     )
     assert r.status_code == 200
     assert r.data["count"] == 8
diff --git a/server/tests/conftest.py b/server/tests/conftest.py
index 2d3c706e..b8087871 100644
--- a/server/tests/conftest.py
+++ b/server/tests/conftest.py
@@ -40,7 +40,9 @@ async def clear_redis():
 @pytest.fixture(autouse=True)
 async def bbb_server():
     await database_sync_to_async(BBBServer.objects.create)(
-        url="https://video1.pretix.eu/bigbluebutton/", secret="bogussecret", active=True
+        url="https://video1.pretix.eu/bigbluebutton/",
+        secret="bogussecret",
+        active=True,
     )
 
 
diff --git a/server/tests/consumers/test_connection_drop.py b/server/tests/consumers/test_connection_drop.py
index 23bdb8b1..9abffd9c 100644
--- a/server/tests/consumers/test_connection_drop.py
+++ b/server/tests/consumers/test_connection_drop.py
@@ -34,7 +34,10 @@ async def test_remote_reload():
     try:
         await sync_to_async(call_command)("connections", "force_reload", "*")
 
-        assert ["connection.reload", {}] == await communicator.receive_json_from()
+        assert [
+            "connection.reload",
+            {},
+        ] == await communicator.receive_json_from()
     finally:
         await communicator.disconnect()
 
@@ -52,6 +55,9 @@ async def test_remote_reload_staggered():
             "connections", "force_reload", "--interval", "20", "*"
         )
 
-        assert ["connection.reload", {}] == await communicator.receive_json_from()
+        assert [
+            "connection.reload",
+            {},
+        ] == await communicator.receive_json_from()
     finally:
         await communicator.disconnect()
diff --git a/server/tests/core/test_user_deletion.py b/server/tests/core/test_user_deletion.py
index acfc2007..47de1491 100644
--- a/server/tests/core/test_user_deletion.py
+++ b/server/tests/core/test_user_deletion.py
@@ -29,7 +29,9 @@ def test_delete_user(world, chat_room):
     should_be_deleted_after_u1_is_deleted = []
 
     bbb_server = BBBServer.objects.create(
-        url="https://video1.pretix.eu/bigbluebutton/", secret="bogussecret", active=True
+        url="https://video1.pretix.eu/bigbluebutton/",
+        secret="bogussecret",
+        active=True,
     )
     bbbcall = BBBCall.objects.create(server=bbb_server, world=world)
     bbbcall.invited_members.add(u1)
diff --git a/server/tests/live/test_auth.py b/server/tests/live/test_auth.py
index f4f0d686..e0ea1846 100644
--- a/server/tests/live/test_auth.py
+++ b/server/tests/live/test_auth.py
@@ -240,7 +240,6 @@ async def test_update_user():
 @pytest.mark.asyncio
 @pytest.mark.django_db
 async def test_wrong_user_command():
-
     async with world_communicator() as c:
         await c.send_json_to(["authenticate", {"client_id": 4}])
         response = await c.receive_json_from()
@@ -658,7 +657,10 @@ async def test_delete_user(world):
             response = await c_admin.receive_json_from()
             assert response[0] == "error"
 
-            assert ["connection.reload", {}] == await c_user.receive_json_from()
+            assert [
+                "connection.reload",
+                {},
+            ] == await c_user.receive_json_from()
             assert {"type": "websocket.close"} == await c_user.receive_output(timeout=3)
 
         # New connect will be an entirely new user
@@ -690,7 +692,10 @@ async def test_ban_user(world):
             response = await c_admin.receive_json_from()
             assert response[0] == "error"
 
-            assert ["connection.reload", {}] == await c_user.receive_json_from()
+            assert [
+                "connection.reload",
+                {},
+            ] == await c_user.receive_json_from()
             assert {"type": "websocket.close"} == await c_user.receive_output(timeout=3)
 
         async with world_communicator() as c_user:
@@ -1072,4 +1077,4 @@ async def test_anonymous_invite(client, world, stream_room, bbb_room):
             "room:question.ask",
             "room:poll.vote",
             "room:poll.read",
-        }
\ No newline at end of file
+        }
diff --git a/server/tests/live/test_bigbluebutton.py b/server/tests/live/test_bigbluebutton.py
index 914dabec..70e9f1b4 100644
--- a/server/tests/live/test_bigbluebutton.py
+++ b/server/tests/live/test_bigbluebutton.py
@@ -137,7 +137,10 @@ async def test_bbb_down(bbb_room):
         async with world_communicator(named=True) as c:
             await c.send_json_to(["bbb.room_url", 123, {"room": str(bbb_room.id)}])
 
-            m.get(re.compile(r"^https://video1.pretix.eu/bigbluebutton.*$"), status=500)
+            m.get(
+                re.compile(r"^https://video1.pretix.eu/bigbluebutton.*$"),
+                status=500,
+            )
 
             response = await c.receive_json_from()
             assert response[0] == "error"
diff --git a/server/tests/live/test_chat.py b/server/tests/live/test_chat.py
index cbdc4d49..adfa1046 100644
--- a/server/tests/live/test_chat.py
+++ b/server/tests/live/test_chat.py
@@ -148,11 +148,7 @@ async def test_join_volatile_based_on_room_config(volatile_chat_room, chat_room,
         response = await c2.receive_json_from()
         assert response == [
             "chat.channels",
-            {
-                "channels": [
-                    {"id": str(chat_room.channel.id), "unread_pointer": 0}
-                ]
-            },
+            {"channels": [{"id": str(chat_room.channel.id), "unread_pointer": 0}]},
         ]
 
 
@@ -176,7 +172,10 @@ async def test_join_convert_volatile_to_persistent(volatile_chat_room, world):
             [
                 "chat.join",
                 123,
-                {"channel": str(volatile_chat_room.channel.id), "volatile": False},
+                {
+                    "channel": str(volatile_chat_room.channel.id),
+                    "volatile": False,
+                },
             ]
         )
         response = await c.receive_json_from()
@@ -208,7 +207,10 @@ async def test_join_convert_volatile_to_persistent_require_moderator(
             [
                 "chat.join",
                 123,
-                {"channel": str(volatile_chat_room.channel.id), "volatile": False},
+                {
+                    "channel": str(volatile_chat_room.channel.id),
+                    "volatile": False,
+                },
             ]
         )
         response = await c.receive_json_from()
@@ -225,7 +227,11 @@ async def test_join_without_name(chat_room):
     async with world_communicator(named=False) as c:
         await c.send_json_to(["chat.join", 123, {"channel": str(chat_room.channel.id)}])
         response = await c.receive_json_from()
-        assert response == ["error", 123, {"code": "channel.join.missing_profile"}]
+        assert response == [
+            "error",
+            123,
+            {"code": "channel.join.missing_profile"},
+        ]
 
 
 @pytest.mark.asyncio
@@ -378,7 +384,11 @@ async def test_unsupported_event_type(chat_room):
             ]
         )
         response = await c1.receive_json_from()
-        assert response == ["error", 123, {"code": "chat.unsupported_event_type"}]
+        assert response == [
+            "error",
+            123,
+            {"code": "chat.unsupported_event_type"},
+        ]
 
 
 @pytest.mark.asyncio
@@ -402,7 +412,11 @@ async def test_unsupported_content_type(chat_room):
             ]
         )
         response = await c1.receive_json_from()
-        assert response == ["error", 123, {"code": "chat.unsupported_content_type"}]
+        assert response == [
+            "error",
+            123,
+            {"code": "chat.unsupported_content_type"},
+        ]
 
 
 @pytest.mark.asyncio
@@ -444,7 +458,11 @@ async def test_send_empty(chat_room):
                 },
             ]
         )
-        assert await c1.receive_json_from() == ["error", 123, {"code": "chat.empty"}]
+        assert await c1.receive_json_from() == [
+            "error",
+            123,
+            {"code": "chat.empty"},
+        ]
 
 
 @pytest.mark.asyncio
@@ -972,7 +990,11 @@ async def test_last_disconnect_is_leave_in_volatile_channel(world, volatile_chat
         async with world_communicator(client_id=client_id) as c2:
             async with world_communicator(client_id=client_id, named=False) as c3:
                 await c1.send_json_to(
-                    ["chat.join", 123, {"channel": str(volatile_chat_room.channel.id)}]
+                    [
+                        "chat.join",
+                        123,
+                        {"channel": str(volatile_chat_room.channel.id)},
+                    ]
                 )
                 response = await c1.receive_json_from()
                 assert response == [
@@ -987,7 +1009,11 @@ async def test_last_disconnect_is_leave_in_volatile_channel(world, volatile_chat
                 ]
 
                 await c2.send_json_to(
-                    ["chat.join", 124, {"channel": str(volatile_chat_room.channel.id)}]
+                    [
+                        "chat.join",
+                        124,
+                        {"channel": str(volatile_chat_room.channel.id)},
+                    ]
                 )
                 response = await c2.receive_json_from()
                 assert response[0] == "success"
@@ -1000,7 +1026,11 @@ async def test_last_disconnect_is_leave_in_volatile_channel(world, volatile_chat
                 assert response == ["chat.channels", {"channels": []}]
 
                 await c3.send_json_to(
-                    ["chat.join", 125, {"channel": str(volatile_chat_room.channel.id)}]
+                    [
+                        "chat.join",
+                        125,
+                        {"channel": str(volatile_chat_room.channel.id)},
+                    ]
                 )
                 response = await c3.receive_json_from()
                 assert response[0] == "success"
@@ -1323,4 +1353,4 @@ async def test_force_join_after_login(world, chat_room):
             # Some asyncio test weirdness, I don't get why
             r = await c2.receive_json_from()
         assert r[0] == "chat.channels"
-        assert channel_id in [c["id"] for c in r[1]["channels"]]
\ No newline at end of file
+        assert channel_id in [c["id"] for c in r[1]["channels"]]
diff --git a/server/tests/live/test_chat_direct.py b/server/tests/live/test_chat_direct.py
index 931d1dfb..b28ffabd 100644
--- a/server/tests/live/test_chat_direct.py
+++ b/server/tests/live/test_chat_direct.py
@@ -995,4 +995,3 @@ async def test_notification_sync_read_state_across_clients(world):
         response = await c2.receive_json_from()
         assert response[0] == "authenticated"
         assert response[1]["chat.notification_counts"] == {}
-        
\ No newline at end of file
diff --git a/server/tests/live/test_exhibition.py b/server/tests/live/test_exhibition.py
index 1f669afe..7f45c32f 100644
--- a/server/tests/live/test_exhibition.py
+++ b/server/tests/live/test_exhibition.py
@@ -165,7 +165,10 @@ async def test_get(world, exhibition_room):
                 "highlighted_room_id": None,
                 "links": [],
                 "social_media_links": [
-                    {"display_text": "linkedin", "url": "https://www.linkedin.com/"}
+                    {
+                        "display_text": "linkedin",
+                        "url": "https://www.linkedin.com/",
+                    }
                 ],
                 "staff": [],
                 "room_id": str(exhibition_room.pk),
diff --git a/server/tests/live/test_polls.py b/server/tests/live/test_polls.py
index 7875308b..d0c294e7 100644
--- a/server/tests/live/test_polls.py
+++ b/server/tests/live/test_polls.py
@@ -205,8 +205,16 @@ async def test_poll_lifecycle(questions_room, world):
                     "timestamp": poll["timestamp"],
                     "is_pinned": False,
                     "options": [
-                        {"content": "blue", "order": 1, "id": poll["options"][0]["id"]},
-                        {"content": "red", "order": 2, "id": poll["options"][1]["id"]},
+                        {
+                            "content": "blue",
+                            "order": 1,
+                            "id": poll["options"][0]["id"],
+                        },
+                        {
+                            "content": "red",
+                            "order": 2,
+                            "id": poll["options"][1]["id"],
+                        },
                     ],
                     "results": {
                         poll["options"][0]["id"]: 0,
@@ -286,8 +294,16 @@ async def test_poll_lifecycle(questions_room, world):
                     "timestamp": poll["timestamp"],
                     "is_pinned": False,
                     "options": [
-                        {"content": "blue", "order": 1, "id": poll["options"][0]["id"]},
-                        {"content": "red", "order": 2, "id": poll["options"][1]["id"]},
+                        {
+                            "content": "blue",
+                            "order": 1,
+                            "id": poll["options"][0]["id"],
+                        },
+                        {
+                            "content": "red",
+                            "order": 2,
+                            "id": poll["options"][1]["id"],
+                        },
                     ],
                     "results": {
                         poll["options"][0]["id"]: 1,
@@ -316,8 +332,16 @@ async def test_poll_lifecycle(questions_room, world):
                 "timestamp": poll["timestamp"],
                 "is_pinned": False,
                 "options": [
-                    {"content": "blue", "order": 1, "id": poll["options"][0]["id"]},
-                    {"content": "red", "order": 2, "id": poll["options"][1]["id"]},
+                    {
+                        "content": "blue",
+                        "order": 1,
+                        "id": poll["options"][0]["id"],
+                    },
+                    {
+                        "content": "red",
+                        "order": 2,
+                        "id": poll["options"][1]["id"],
+                    },
                 ],
                 "results": {
                     poll["options"][0]["id"]: 1,
diff --git a/server/tests/live/test_questions.py b/server/tests/live/test_questions.py
index 975d20d3..e265bbf2 100644
--- a/server/tests/live/test_questions.py
+++ b/server/tests/live/test_questions.py
@@ -64,7 +64,9 @@ async def test_ask_question_when_not_active(inactive_questions_room):
 async def test_ask_question(questions_room, world):
     async with world_communicator(room=questions_room) as c:
         async with world_communicator(
-            room=questions_room, token=get_token(world, ["moderator"]), first=False
+            room=questions_room,
+            token=get_token(world, ["moderator"]),
+            first=False,
         ) as c_mod:
             await c.send_json_to(
                 [
diff --git a/server/tests/live/test_room.py b/server/tests/live/test_room.py
index ff6684e8..b278db21 100644
--- a/server/tests/live/test_room.py
+++ b/server/tests/live/test_room.py
@@ -128,13 +128,21 @@ async def test_reactions_room_aggregate(world, stream_room):
     async with world_communicator() as c1, world_communicator() as c2:
         await c1.send_json_to(["room.enter", 123, {"room": str(stream_room.pk)}])
         responses = [
-            r[0] for r in (await c1.receive_json_from(), await c1.receive_json_from())
+            r[0]
+            for r in (
+                await c1.receive_json_from(),
+                await c1.receive_json_from(),
+            )
         ]
         assert "world.user_count_change" in responses
         assert "success" in responses
         await c2.send_json_to(["room.enter", 123, {"room": str(stream_room.pk)}])
         responses = [
-            r[0] for r in (await c2.receive_json_from(), await c2.receive_json_from())
+            r[0]
+            for r in (
+                await c2.receive_json_from(),
+                await c2.receive_json_from(),
+            )
         ]
         assert "world.user_count_change" in responses
         assert "success" in responses
@@ -205,7 +213,11 @@ async def test_change_schedule_data_unauthorized(world, stream_room):
 
         await c2.send_json_to(["room.enter", 123, {"room": str(stream_room.pk)}])
         responses = [
-            r[0] for r in (await c2.receive_json_from(), await c2.receive_json_from())
+            r[0]
+            for r in (
+                await c2.receive_json_from(),
+                await c2.receive_json_from(),
+            )
         ]
         assert "world.user_count_change" in responses
         assert "success" in responses
@@ -259,7 +271,11 @@ async def test_config_get(world, stream_room):
 async def test_config_patch(world, stream_room):
     async with world_communicator(token=get_token(world, ["admin"])) as c1:
         await c1.send_json_to(
-            ["room.config.patch", 123, {"room": str(stream_room.pk), "name": "Foo"}]
+            [
+                "room.config.patch",
+                123,
+                {"room": str(stream_room.pk), "name": "Foo"},
+            ]
         )
         response = await c1.receive_json_from()
         assert response[0] == "success"
@@ -272,14 +288,22 @@ async def test_config_patch(world, stream_room):
 async def test_config_reorder(world, chat_room, stream_room):
     async with world_communicator(token=get_token(world, ["admin"])) as c1:
         await c1.send_json_to(
-            ["room.config.reorder", 123, [str(chat_room.pk), str(stream_room.pk)]]
+            [
+                "room.config.reorder",
+                123,
+                [str(chat_room.pk), str(stream_room.pk)],
+            ]
         )
         response = await c1.receive_json_from()
         assert response[0] == "success"
         assert response[2][0]["name"] == "Chat"
         assert response[2][1]["name"] == "Plenum"
         await c1.send_json_to(
-            ["room.config.reorder", 123, [str(stream_room.pk), str(chat_room.pk)]]
+            [
+                "room.config.reorder",
+                123,
+                [str(stream_room.pk), str(chat_room.pk)],
+            ]
         )
         response = await c1.receive_json_from()
         assert response[0] == "success"
@@ -312,7 +336,11 @@ async def test_change_schedule_data(world, stream_room):
         await c1.receive_json_from()  # room.viewer.added
 
         responses = [
-            r[0] for r in (await c2.receive_json_from(), await c2.receive_json_from())
+            r[0]
+            for r in (
+                await c2.receive_json_from(),
+                await c2.receive_json_from(),
+            )
         ]
         assert "world.user_count_change" in responses
         assert "success" in responses
diff --git a/server/tests/live/test_world.py b/server/tests/live/test_world.py
index b161acd1..e30c5354 100644
--- a/server/tests/live/test_world.py
+++ b/server/tests/live/test_world.py
@@ -152,7 +152,7 @@ async def test_config_get(world):
             "iframe_blockers": {"default": {"enabled": False, "policy_url": None}},
             "title": "Unsere tolle Online-Konferenz",
             "locale": "en",
-            "dateLocale": "en-ie",
+            "date_locale": "en-ie",
             "videoPlayer": None,
             "timezone": "Europe/Berlin",
             "connection_limit": 2,
@@ -189,7 +189,11 @@ async def test_config_get(world):
 async def test_config_patch(world):
     async with world_communicator(token=get_token(world, ["admin"])) as c1:
         await c1.send_json_to(
-            ["world.config.patch", 123, {"title": "Foo", "social_logins": ["gravatar"]}]
+            [
+                "world.config.patch",
+                123,
+                {"title": "Foo", "social_logins": ["gravatar"]},
+            ]
         )
         response = await c1.receive_json_from()
         assert response[0] == "success"
@@ -199,7 +203,11 @@ async def test_config_patch(world):
         await c1.receive_json_from()
 
         await c1.send_json_to(
-            ["world.config.patch", 123, {"title": "Foo", "social_logins": ["unknown"]}]
+            [
+                "world.config.patch",
+                123,
+                {"title": "Foo", "social_logins": ["unknown"]},
+            ]
         )
         response = await c1.receive_json_from()
         assert response[0] == "error"
diff --git a/server/tests/storage/test_auth.py b/server/tests/storage/test_auth.py
index d1966104..91943073 100644
--- a/server/tests/storage/test_auth.py
+++ b/server/tests/storage/test_auth.py
@@ -18,7 +18,9 @@ def test_invalid_token_header(client, world):
     )
     assert r.status_code == 403
     r = client.post(
-        "/storage/upload/", HTTP_AUTHORIZATION="Bearer foo bar", HTTP_HOST="localhost"
+        "/storage/upload/",
+        HTTP_AUTHORIZATION="Bearer foo bar",
+        HTTP_HOST="localhost",
     )
     assert r.status_code == 403
 
@@ -38,7 +40,9 @@ def test_invalid_token(client, world):
     }
     token = jwt.encode(payload, config["secret"] + "aaaa", algorithm="HS256")
     r = client.post(
-        "/storage/upload/", HTTP_AUTHORIZATION="Bearer " + token, HTTP_HOST="localhost"
+        "/storage/upload/",
+        HTTP_AUTHORIZATION="Bearer " + token,
+        HTTP_HOST="localhost",
     )
     assert r.status_code == 403
 
@@ -58,7 +62,9 @@ def test_expired_token(client, world):
     }
     token = jwt.encode(payload, config["secret"], algorithm="HS256")
     r = client.post(
-        "/storage/upload/", HTTP_AUTHORIZATION="Bearer " + token, HTTP_HOST="localhost"
+        "/storage/upload/",
+        HTTP_AUTHORIZATION="Bearer " + token,
+        HTTP_HOST="localhost",
     )
     assert r.status_code == 403
 
@@ -82,7 +88,9 @@ def test_no_permission(client, world):
     world.rooms.all().delete()
     token = jwt.encode(payload, config["secret"], algorithm="HS256")
     r = client.post(
-        "/storage/upload/", HTTP_AUTHORIZATION="Bearer " + token, HTTP_HOST="localhost"
+        "/storage/upload/",
+        HTTP_AUTHORIZATION="Bearer " + token,
+        HTTP_HOST="localhost",
     )
     assert r.status_code == 403
 
@@ -91,7 +99,9 @@ def test_no_permission(client, world):
 def test_client_id(client, world, chat_room):
     token = str(uuid.uuid4())
     r = client.post(
-        "/storage/upload/", HTTP_AUTHORIZATION="Client " + token, HTTP_HOST="localhost"
+        "/storage/upload/",
+        HTTP_AUTHORIZATION="Client " + token,
+        HTTP_HOST="localhost",
     )
     assert r.status_code == 400
 
@@ -111,6 +121,8 @@ def test_admin_token(client, world):
     }
     token = jwt.encode(payload, config["secret"], algorithm="HS256")
     r = client.post(
-        "/storage/upload/", HTTP_AUTHORIZATION="Bearer " + token, HTTP_HOST="localhost"
+        "/storage/upload/",
+        HTTP_AUTHORIZATION="Bearer " + token,
+        HTTP_HOST="localhost",
     )
     assert r.status_code == 400
diff --git a/server/venueless/api/auth.py b/server/venueless/api/auth.py
index 0a536547..c783b026 100644
--- a/server/venueless/api/auth.py
+++ b/server/venueless/api/auth.py
@@ -59,7 +59,8 @@ def has_permission(self, request, view):
         if isinstance(request.user, AnonymousUser):
             return False
         return request.world.has_permission_implicit(
-            traits=request.auth.get("traits"), permissions=[Permission.WORLD_API]
+            traits=request.auth.get("traits"),
+            permissions=[Permission.WORLD_API],
         )
 
 
diff --git a/server/venueless/api/urls.py b/server/venueless/api/urls.py
index 01a5a3eb..d40dadf8 100644
--- a/server/venueless/api/urls.py
+++ b/server/venueless/api/urls.py
@@ -12,6 +12,9 @@
     re_path("worlds/(?P<world_id>[^/]+)/delete_user/?$", views.delete_user),
     path("worlds/<str:world_id>/", include(world_router.urls)),
     path("worlds/<str:world_id>/theme", views.WorldThemeView.as_view()),
-    path("worlds/<str:world_id>/favourite-talk/", views.UserFavouriteView.as_view()),
+    path(
+        "worlds/<str:world_id>/favourite-talk/",
+        views.UserFavouriteView.as_view(),
+    ),
     path("worlds/<str:world_id>/export-talk", views.ExportView.as_view()),
 ]
diff --git a/server/venueless/api/views.py b/server/venueless/api/views.py
index 28ecc785..c1e37e0f 100644
--- a/server/venueless/api/views.py
+++ b/server/venueless/api/views.py
@@ -2,16 +2,14 @@
 import logging
 from contextlib import suppress
 from urllib.parse import urlparse
-import jwt
-import requests
 
+import requests
 from asgiref.sync import async_to_sync
 from django.core import exceptions
 from django.db import transaction
 from django.http import JsonResponse
 from django.shortcuts import get_object_or_404
 from django.utils.timezone import now
-from django.views import View
 from rest_framework import viewsets
 from rest_framework.authentication import get_authorization_header
 from rest_framework.decorators import api_view, permission_classes
@@ -93,7 +91,6 @@ def patch(self, request, **kwargs):
 
 
 class WorldThemeView(APIView):
-
     permission_classes = []
 
     def get(self, request, **kwargs):
@@ -105,14 +102,20 @@ def get(self, request, **kwargs):
         """
         try:
             world = get_object_or_404(World, id=kwargs["world_id"])
-            return Response(WorldSerializer(world).data['config']['theme'])
+            return Response(WorldSerializer(world).data["config"]["theme"])
         except KeyError:
-            logger.error("error happened when trying to get theme data of world: %s", kwargs["world_id"])
-            return Response("error happened when trying to get theme data of world: " + kwargs["world_id"], status=503)
+            logger.error(
+                "error happened when trying to get theme data of world: %s",
+                kwargs["world_id"],
+            )
+            return Response(
+                "error happened when trying to get theme data of world: "
+                + kwargs["world_id"],
+                status=503,
+            )
 
 
 class UserFavouriteView(APIView):
-
     permission_classes = []
 
     @staticmethod
@@ -123,7 +126,9 @@ def post(request, *args, **kwargs) -> JsonResponse:
         """
         try:
             talk_list = json.loads(request.body.decode())
-            user_code = UserFavouriteView.get_uid_from_token(request, kwargs["world_id"])
+            user_code = UserFavouriteView.get_uid_from_token(
+                request, kwargs["world_id"]
+            )
             user = User.objects.get(token_id=user_code)
             if not user_code or not user:
                 # user not created yet, no error should be returned
@@ -131,23 +136,22 @@ def post(request, *args, **kwargs) -> JsonResponse:
                 return JsonResponse([], safe=False, status=200)
             if user.client_state is None:
                 # If it's None, create a new dictionary with schedule.favs field
-                user.client_state = {
-                    'schedule': {
-                        'favs': talk_list
-                    }
-                }
+                user.client_state = {"schedule": {"favs": talk_list}}
             else:
                 # If client_state is not None, check if 'schedule' field exists
-                if 'schedule' not in user.client_state:
+                if "schedule" not in user.client_state:
                     # If 'schedule' field doesn't exist, create it
-                    user.client_state['schedule'] = {'favs': talk_list}
+                    user.client_state["schedule"] = {"favs": talk_list}
                 else:
                     # If 'schedule' field exists, update the 'favs' field
-                    user.client_state['schedule']['favs'] = talk_list
+                    user.client_state["schedule"]["favs"] = talk_list
             user.save()
             return JsonResponse(talk_list, safe=False, status=200)
         except Exception as e:
-            logger.error("error happened when trying to add fav talks: %s", kwargs["world_id"])
+            logger.error(
+                "error happened when trying to add fav talks: %s",
+                kwargs["world_id"],
+            )
             logger.error(e)
             # Since this is called from background so no error should be returned
             return JsonResponse([], safe=False, status=200)
@@ -156,39 +160,48 @@ def post(request, *args, **kwargs) -> JsonResponse:
     def get_uid_from_token(request, world_id):
         world = get_object_or_404(World, id=world_id)
         auth_header = get_authorization_header(request).split()
-        if auth_header and auth_header[0].lower() == b'bearer':
+        if auth_header and auth_header[0].lower() == b"bearer":
             if len(auth_header) == 1:
-                raise exceptions.AuthenticationFailed('Invalid token header. No credentials provided.')
+                raise exceptions.AuthenticationFailed(
+                    "Invalid token header. No credentials provided."
+                )
             elif len(auth_header) > 2:
                 raise exceptions.AuthenticationFailed(
-                    'Invalid token header. Token string should not contain spaces.')
+                    "Invalid token header. Token string should not contain spaces."
+                )
         token_decode = world.decode_token(token=auth_header[1])
         return token_decode.get("uid")
 
 
 class ExportView(APIView):
-
     permission_classes = []
 
     @staticmethod
     def get(request, *args, **kwargs):
-        export_type = request.GET.get('export_type', 'json')
+        export_type = request.GET.get("export_type", "json")
         world = get_object_or_404(World, id=kwargs["world_id"])
         talk_config = world.config.get("pretalx")
         user = User.objects.filter(token_id=request.user)
-        talk_base_url = talk_config.get('domain') + "/" + talk_config.get('event') + "/schedule/export/"
-        export_endpoint = 'schedule.' + export_type
+        talk_base_url = (
+            talk_config.get("domain")
+            + "/"
+            + talk_config.get("event")
+            + "/schedule/export/"
+        )
+        export_endpoint = "schedule." + export_type
         talk_url = talk_base_url + export_endpoint
-        if 'my' in export_type and user:
+        if "my" in export_type and user:
             user_state = user.first().client_state
-            if user_state and user_state.get('schedule') and user_state.get('schedule').get('favs'):
-                talk_list = user_state.get('schedule').get('favs')
-                talk_list_str = ','.join(talk_list)
-                export_endpoint = 'schedule-my.' + export_type.replace('my','')
+            if (
+                user_state
+                and user_state.get("schedule")
+                and user_state.get("schedule").get("favs")
+            ):
+                talk_list = user_state.get("schedule").get("favs")
+                talk_list_str = ",".join(talk_list)
+                export_endpoint = "schedule-my." + export_type.replace("my", "")
                 talk_url = talk_base_url + export_endpoint + "?talks=" + talk_list_str
-        header = {
-            "Content-Type": "application/json"
-        }
+        header = {"Content-Type": "application/json"}
         response = requests.get(talk_url, headers=header)
         return Response(response.content.decode("utf-8"))
 
diff --git a/server/venueless/asgi.py b/server/venueless/asgi.py
index 8190816c..369f86df 100644
--- a/server/venueless/asgi.py
+++ b/server/venueless/asgi.py
@@ -2,6 +2,7 @@
 ASGI entrypoint. Configures Django and then runs the application
 defined in the ASGI_APPLICATION setting.
 """
+
 import os
 
 import django
diff --git a/server/venueless/control/migrations/0001_initial.py b/server/venueless/control/migrations/0001_initial.py
index e725bce4..45c05c08 100644
--- a/server/venueless/control/migrations/0001_initial.py
+++ b/server/venueless/control/migrations/0001_initial.py
@@ -19,7 +19,10 @@ class Migration(migrations.Migration):
             fields=[
                 ("id", models.BigAutoField(primary_key=True, serialize=False)),
                 ("object_id", models.JSONField()),
-                ("datetime", models.DateTimeField(auto_now_add=True, db_index=True)),
+                (
+                    "datetime",
+                    models.DateTimeField(auto_now_add=True, db_index=True),
+                ),
                 ("action_type", models.CharField(max_length=255)),
                 ("data", models.JSONField()),
                 (
diff --git a/server/venueless/control/urls.py b/server/venueless/control/urls.py
index 24861177..b76fec15 100644
--- a/server/venueless/control/urls.py
+++ b/server/venueless/control/urls.py
@@ -18,26 +18,44 @@
     path("users/", views.UserList.as_view(), name="user.list"),
     path("users/<int:pk>/", views.UserUpdate.as_view(), name="user.update"),
     path("bbbs/", views.BBBServerList.as_view(), name="bbbserver.list"),
-    path("bbbs/moveroom/", views.BBBMoveRoom.as_view(), name="bbbserver.moveroom"),
+    path(
+        "bbbs/moveroom/",
+        views.BBBMoveRoom.as_view(),
+        name="bbbserver.moveroom",
+    ),
     path("bbbs/new/", views.BBBServerCreate.as_view(), name="bbbserver.create"),
     path(
         "bbbs/<uuid:pk>/delete",
         views.BBBServerDelete.as_view(),
         name="bbbserver.delete",
     ),
-    path("bbbs/<uuid:pk>/", views.BBBServerUpdate.as_view(), name="bbbserver.update"),
+    path(
+        "bbbs/<uuid:pk>/",
+        views.BBBServerUpdate.as_view(),
+        name="bbbserver.update",
+    ),
     path("janus/", views.JanusServerList.as_view(), name="janusserver.list"),
-    path("janus/new/", views.JanusServerCreate.as_view(), name="janusserver.create"),
+    path(
+        "janus/new/",
+        views.JanusServerCreate.as_view(),
+        name="janusserver.create",
+    ),
     path(
         "janus/<uuid:pk>/delete",
         views.JanusServerDelete.as_view(),
         name="janusserver.delete",
     ),
     path(
-        "janus/<uuid:pk>/", views.JanusServerUpdate.as_view(), name="janusserver.update"
+        "janus/<uuid:pk>/",
+        views.JanusServerUpdate.as_view(),
+        name="janusserver.update",
     ),
     path("turns/", views.TurnServerList.as_view(), name="turnserver.list"),
-    path("turns/new/", views.TurnServerCreate.as_view(), name="turnserver.create"),
+    path(
+        "turns/new/",
+        views.TurnServerCreate.as_view(),
+        name="turnserver.create",
+    ),
     path(
         "turns/<uuid:pk>/delete",
         views.TurnServerDelete.as_view(),
@@ -72,11 +90,23 @@
     path("worlds/", views.WorldList.as_view(), name="world.list"),
     path("worlds/new/", views.WorldCreate.as_view(), name="world.create"),
     path("worlds/calendar", views.WorldCalendar.as_view(), name="world.calendar"),
-    path("worlds/<slug:pk>/admin", views.WorldAdminToken.as_view(), name="world.admin"),
-    path("worlds/<slug:pk>/clear", views.WorldClear.as_view(), name="world.clear"),
+    path(
+        "worlds/<slug:pk>/admin",
+        views.WorldAdminToken.as_view(),
+        name="world.admin",
+    ),
+    path(
+        "worlds/<slug:pk>/clear",
+        views.WorldClear.as_view(),
+        name="world.clear",
+    ),
     path("worlds/<slug:pk>/", views.WorldUpdate.as_view(), name="world.update"),
     path("feedback/", views.FeedbackList.as_view(), name="feedback.list"),
-    path("feedback/<uuid:pk>/", views.FeedbackDetail.as_view(), name="feedback.detail"),
+    path(
+        "feedback/<uuid:pk>/",
+        views.FeedbackDetail.as_view(),
+        name="feedback.detail",
+    ),
     path(
         "conftool/syncposters/",
         views.ConftoolSyncPosters.as_view(),
diff --git a/server/venueless/core/management/commands/clear_unused_worlds.py b/server/venueless/core/management/commands/clear_unused_worlds.py
index 8584ef22..a4357de8 100644
--- a/server/venueless/core/management/commands/clear_unused_worlds.py
+++ b/server/venueless/core/management/commands/clear_unused_worlds.py
@@ -37,9 +37,11 @@ def handle(self, *args, **options):
                 ChatEvent.objects.filter(channel__world=world).aggregate(
                     m=Max("timestamp")
                 )["m"],
-                pytz.UTC.localize(datetime.combine(planned_end, time(0)))
-                if planned_end
-                else None,
+                (
+                    pytz.UTC.localize(datetime.combine(planned_end, time(0)))
+                    if planned_end
+                    else None
+                ),
             ]
             checks = [c for c in checks if c]
             if checks and max(checks) > cutoff:
diff --git a/server/venueless/core/migrations/0001_initial.py b/server/venueless/core/migrations/0001_initial.py
index 364d5cd3..9b8c1b2f 100644
--- a/server/venueless/core/migrations/0001_initial.py
+++ b/server/venueless/core/migrations/0001_initial.py
@@ -82,12 +82,16 @@ class Migration(migrations.Migration):
                 (
                     "world",
                     models.ForeignKey(
-                        on_delete=django.db.models.deletion.CASCADE, to="core.World"
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to="core.World",
                     ),
                 ),
             ],
             options={
-                "unique_together": {("client_id", "world"), ("token_id", "world")},
+                "unique_together": {
+                    ("client_id", "world"),
+                    ("token_id", "world"),
+                },
             },
         ),
         migrations.CreateModel(
@@ -113,8 +117,14 @@ class Migration(migrations.Migration):
                 ),
                 ("name", models.CharField(max_length=300)),
                 ("description", models.TextField(blank=True, null=True)),
-                ("picture", models.FileField(blank=True, null=True, upload_to="")),
-                ("import_id", models.CharField(blank=True, max_length=100, null=True)),
+                (
+                    "picture",
+                    models.FileField(blank=True, null=True, upload_to=""),
+                ),
+                (
+                    "import_id",
+                    models.CharField(blank=True, max_length=100, null=True),
+                ),
                 (
                     "world",
                     models.ForeignKey(
@@ -128,7 +138,10 @@ class Migration(migrations.Migration):
         migrations.CreateModel(
             name="ChatEvent",
             fields=[
-                ("id", models.BigIntegerField(primary_key=True, serialize=False)),
+                (
+                    "id",
+                    models.BigIntegerField(primary_key=True, serialize=False),
+                ),
                 ("timestamp", models.DateTimeField(auto_now_add=True)),
                 ("event_type", models.CharField(max_length=200)),
                 ("content", django.contrib.postgres.fields.jsonb.JSONField()),
diff --git a/server/venueless/core/migrations/0004_auto_20200516_1225.py b/server/venueless/core/migrations/0004_auto_20200516_1225.py
index 82741091..c958455f 100644
--- a/server/venueless/core/migrations/0004_auto_20200516_1225.py
+++ b/server/venueless/core/migrations/0004_auto_20200516_1225.py
@@ -31,7 +31,9 @@ class Migration(migrations.Migration):
             model_name="room",
             name="trait_grants",
             field=django.contrib.postgres.fields.jsonb.JSONField(
-                blank=True, default=venueless.core.models.room.default_grants, null=True
+                blank=True,
+                default=venueless.core.models.room.default_grants,
+                null=True,
             ),
         ),
         migrations.AddField(
@@ -67,7 +69,8 @@ class Migration(migrations.Migration):
             model_name="room",
             name="module_config",
             field=django.contrib.postgres.fields.jsonb.JSONField(
-                default=venueless.core.models.room.empty_module_config, null=True
+                default=venueless.core.models.room.empty_module_config,
+                null=True,
             ),
         ),
         migrations.CreateModel(
diff --git a/server/venueless/core/migrations/0010_user_moderation_state.py b/server/venueless/core/migrations/0010_user_moderation_state.py
index 1175790d..14eed1d3 100644
--- a/server/venueless/core/migrations/0010_user_moderation_state.py
+++ b/server/venueless/core/migrations/0010_user_moderation_state.py
@@ -13,7 +13,11 @@ class Migration(migrations.Migration):
             model_name="user",
             name="moderation_state",
             field=models.CharField(
-                choices=[("", "None"), ("silenced", "Silenced"), ("banned", "Banned")],
+                choices=[
+                    ("", "None"),
+                    ("silenced", "Silenced"),
+                    ("banned", "Banned"),
+                ],
                 default="",
                 max_length=8,
             ),
diff --git a/server/venueless/core/migrations/0016_bbbcall_bbbserver.py b/server/venueless/core/migrations/0016_bbbcall_bbbserver.py
index 954ae8a9..e74a1f39 100644
--- a/server/venueless/core/migrations/0016_bbbcall_bbbserver.py
+++ b/server/venueless/core/migrations/0016_bbbcall_bbbserver.py
@@ -41,19 +41,22 @@ class Migration(migrations.Migration):
                 (
                     "meeting_id",
                     models.CharField(
-                        default=venueless.core.models.bbb.random_key, max_length=300
+                        default=venueless.core.models.bbb.random_key,
+                        max_length=300,
                     ),
                 ),
                 (
                     "attendee_pw",
                     models.CharField(
-                        default=venueless.core.models.bbb.random_key, max_length=300
+                        default=venueless.core.models.bbb.random_key,
+                        max_length=300,
                     ),
                 ),
                 (
                     "moderator_pw",
                     models.CharField(
-                        default=venueless.core.models.bbb.random_key, max_length=300
+                        default=venueless.core.models.bbb.random_key,
+                        max_length=300,
                     ),
                 ),
                 (
@@ -68,7 +71,8 @@ class Migration(migrations.Migration):
                 (
                     "server",
                     models.ForeignKey(
-                        on_delete=django.db.models.deletion.CASCADE, to="core.BBBServer"
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to="core.BBBServer",
                     ),
                 ),
                 (
diff --git a/server/venueless/core/migrations/0017_user_blocked_users.py b/server/venueless/core/migrations/0017_user_blocked_users.py
index 6b97ec4e..216debcd 100644
--- a/server/venueless/core/migrations/0017_user_blocked_users.py
+++ b/server/venueless/core/migrations/0017_user_blocked_users.py
@@ -13,7 +13,9 @@ class Migration(migrations.Migration):
             model_name="user",
             name="blocked_users",
             field=models.ManyToManyField(
-                related_name="_user_blocked_users_+", to="core.User", symmetrical=False
+                related_name="_user_blocked_users_+",
+                to="core.User",
+                symmetrical=False,
             ),
         ),
     ]
diff --git a/server/venueless/core/migrations/0028_world_feature_flags.py b/server/venueless/core/migrations/0028_world_feature_flags.py
index 98e40559..be763aad 100644
--- a/server/venueless/core/migrations/0028_world_feature_flags.py
+++ b/server/venueless/core/migrations/0028_world_feature_flags.py
@@ -16,7 +16,8 @@ class Migration(migrations.Migration):
             model_name="world",
             name="feature_flags",
             field=django.contrib.postgres.fields.jsonb.JSONField(
-                blank=True, default=venueless.core.models.world.default_feature_flags
+                blank=True,
+                default=venueless.core.models.world.default_feature_flags,
             ),
         ),
     ]
diff --git a/server/venueless/core/migrations/0042_roulettepairing_rouletterequest.py b/server/venueless/core/migrations/0042_roulettepairing_rouletterequest.py
index 68f2bb03..02d5967e 100644
--- a/server/venueless/core/migrations/0042_roulettepairing_rouletterequest.py
+++ b/server/venueless/core/migrations/0042_roulettepairing_rouletterequest.py
@@ -25,7 +25,8 @@ class Migration(migrations.Migration):
                 (
                     "room",
                     models.ForeignKey(
-                        on_delete=django.db.models.deletion.CASCADE, to="core.room"
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to="core.room",
                     ),
                 ),
                 (
@@ -60,13 +61,15 @@ class Migration(migrations.Migration):
                 (
                     "room",
                     models.ForeignKey(
-                        on_delete=django.db.models.deletion.CASCADE, to="core.room"
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to="core.room",
                     ),
                 ),
                 (
                     "user",
                     models.ForeignKey(
-                        on_delete=django.db.models.deletion.CASCADE, to="core.user"
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to="core.user",
                     ),
                 ),
             ],
diff --git a/server/venueless/core/migrations/0047_poll_polloption_pollvote.py b/server/venueless/core/migrations/0047_poll_polloption_pollvote.py
index 9431e24e..b113a7d9 100644
--- a/server/venueless/core/migrations/0047_poll_polloption_pollvote.py
+++ b/server/venueless/core/migrations/0047_poll_polloption_pollvote.py
@@ -38,7 +38,10 @@ class Migration(migrations.Migration):
                 (
                     "poll_type",
                     models.CharField(
-                        choices=[("choice", "Choice"), ("multi", "Multi Choice")],
+                        choices=[
+                            ("choice", "Choice"),
+                            ("multi", "Multi Choice"),
+                        ],
                         default="choice",
                         max_length=6,
                     ),
diff --git a/server/venueless/core/migrations/0049_streamingserver.py b/server/venueless/core/migrations/0049_streamingserver.py
index d117ce40..72d447bd 100644
--- a/server/venueless/core/migrations/0049_streamingserver.py
+++ b/server/venueless/core/migrations/0049_streamingserver.py
@@ -26,13 +26,15 @@ class Migration(migrations.Migration):
                 (
                     "url_input",
                     models.CharField(
-                        default="rtmp://server/app/{name}?token={token}", max_length=300
+                        default="rtmp://server/app/{name}?token={token}",
+                        max_length=300,
                     ),
                 ),
                 (
                     "url_output",
                     models.CharField(
-                        default="https://server/hls/{name}.m3u8", max_length=300
+                        default="https://server/hls/{name}.m3u8",
+                        max_length=300,
                     ),
                 ),
             ],
diff --git a/server/venueless/core/migrations/0051_poster_posterlink_posterpresenter_postervote.py b/server/venueless/core/migrations/0051_poster_posterlink_posterpresenter_postervote.py
index a7edc0c2..53b3698c 100644
--- a/server/venueless/core/migrations/0051_poster_posterlink_posterpresenter_postervote.py
+++ b/server/venueless/core/migrations/0051_poster_posterlink_posterpresenter_postervote.py
@@ -36,7 +36,10 @@ class Migration(migrations.Migration):
                     "tags",
                     models.JSONField(default=venueless.core.models.poster.default_text),
                 ),
-                ("category", models.CharField(blank=True, max_length=50, null=True)),
+                (
+                    "category",
+                    models.CharField(blank=True, max_length=50, null=True),
+                ),
                 ("poster_url", models.URLField(blank=True, null=True)),
                 ("poster_preview", models.URLField(blank=True, null=True)),
                 (
diff --git a/server/venueless/core/migrations/0065_chat_mentions.py b/server/venueless/core/migrations/0065_chat_mentions.py
index cf634955..80eaf69a 100644
--- a/server/venueless/core/migrations/0065_chat_mentions.py
+++ b/server/venueless/core/migrations/0065_chat_mentions.py
@@ -1,7 +1,8 @@
 # Generated by Django 4.2.13 on 2024-07-18 01:31
 
-from django.db import migrations, models
 import django.db.models.deletion
+from django.db import migrations, models
+
 import venueless.core.models.room
 import venueless.core.models.world
 import venueless.core.utils.json
@@ -22,7 +23,8 @@ class Migration(migrations.Migration):
             model_name="room",
             name="module_config",
             field=models.JSONField(
-                default=venueless.core.models.room.empty_module_config, null=True
+                default=venueless.core.models.room.empty_module_config,
+                null=True,
             ),
         ),
         migrations.AlterField(
@@ -34,7 +36,9 @@ class Migration(migrations.Migration):
             model_name="room",
             name="trait_grants",
             field=models.JSONField(
-                blank=True, default=venueless.core.models.room.default_grants, null=True
+                blank=True,
+                default=venueless.core.models.room.default_grants,
+                null=True,
             ),
         ),
         migrations.AlterField(
@@ -56,7 +60,8 @@ class Migration(migrations.Migration):
             model_name="world",
             name="feature_flags",
             field=models.JSONField(
-                blank=True, default=venueless.core.models.world.default_feature_flags
+                blank=True,
+                default=venueless.core.models.world.default_feature_flags,
             ),
         ),
         migrations.AlterField(
diff --git a/server/venueless/core/models/announcement.py b/server/venueless/core/models/announcement.py
index 12c30917..00273e25 100644
--- a/server/venueless/core/models/announcement.py
+++ b/server/venueless/core/models/announcement.py
@@ -40,9 +40,11 @@ def serialize_public(self):
         return {
             "id": str(self.id),
             "text": self.text,
-            "show_until": self.show_until.isoformat()
-            if isinstance(self.show_until, dt.datetime)
-            else self.show_until,
+            "show_until": (
+                self.show_until.isoformat()
+                if isinstance(self.show_until, dt.datetime)
+                else self.show_until
+            ),
             "state": self.state,
             "is_visible": self.is_visible,
         }
diff --git a/server/venueless/core/models/auth.py b/server/venueless/core/models/auth.py
index 878443ad..f4d533d6 100644
--- a/server/venueless/core/models/auth.py
+++ b/server/venueless/core/models/auth.py
@@ -28,7 +28,9 @@ class UserType(models.TextChoices):
     token_id = models.CharField(max_length=200, db_index=True, null=True, blank=True)
     world = models.ForeignKey(to="World", db_index=True, on_delete=models.CASCADE)
     moderation_state = models.CharField(
-        max_length=8, default=ModerationState.NONE, choices=ModerationState.choices
+        max_length=8,
+        default=ModerationState.NONE,
+        choices=ModerationState.choices,
     )
     type = models.CharField(
         max_length=8, default=UserType.PERSON, choices=UserType.choices
@@ -118,17 +120,19 @@ def serialize_public(
             "profile": self.profile,
             "pretalx_id": self.pretalx_id,
             "deleted": self.deleted,
-            "badges": sorted(
-                list(
-                    {
-                        badge
-                        for trait, badge in trait_badges_map.items()
-                        if trait in self.traits
-                    }
+            "badges": (
+                sorted(
+                    list(
+                        {
+                            badge
+                            for trait, badge in trait_badges_map.items()
+                            if trait in self.traits
+                        }
+                    )
                 )
-            )
-            if trait_badges_map
-            else [],
+                if trait_badges_map
+                else []
+            ),
         }
         d["inactive"] = self.last_login is None or self.last_login < now() - timedelta(
             hours=36
@@ -257,6 +261,9 @@ class ShortToken(models.Model):
     )
     expires = models.DateTimeField()
     short_token = models.CharField(
-        db_index=True, unique=True, default=generate_short_token, max_length=150
+        db_index=True,
+        unique=True,
+        default=generate_short_token,
+        max_length=150,
     )
     long_token = models.TextField()
diff --git a/server/venueless/core/models/chat.py b/server/venueless/core/models/chat.py
index 91566535..b2ce44f6 100644
--- a/server/venueless/core/models/chat.py
+++ b/server/venueless/core/models/chat.py
@@ -44,7 +44,10 @@ class ChatEvent(models.Model):
     edited = models.DateTimeField(null=True)
     event_type = models.CharField(max_length=200)
     replaces = models.ForeignKey(
-        to="ChatEvent", related_name="replaced_by", null=True, on_delete=models.CASCADE
+        to="ChatEvent",
+        related_name="replaced_by",
+        null=True,
+        on_delete=models.CASCADE,
     )
     sender = models.ForeignKey(
         "User",
@@ -86,6 +89,7 @@ class ChatEventReaction(models.Model):
         related_name="reactions",
     )
 
+
 class ChatEventNotification(models.Model):
     recipient = models.ForeignKey(
         "User",
@@ -105,6 +109,7 @@ class Meta:
     def __str__(self):
         return f"Notification for {self.recipient} in event {self.chat_event}"
 
+
 class Membership(models.Model):
     channel = models.ForeignKey(
         to=Channel,
@@ -134,4 +139,4 @@ def save(self, *args, **kwargs):
     def delete(self, *args, **kwargs):
         r = super().delete(*args, **kwargs)
         self.user.touch()
-        return r
\ No newline at end of file
+        return r
diff --git a/server/venueless/core/models/exhibitor.py b/server/venueless/core/models/exhibitor.py
index 4d0045ce..e8dbfab5 100644
--- a/server/venueless/core/models/exhibitor.py
+++ b/server/venueless/core/models/exhibitor.py
@@ -79,9 +79,9 @@ def serialize(self):
             social_media_links=social_media_links,
             staff=staff,
             room_id=str(self.room_id),
-            highlighted_room_id=str(self.highlighted_room_id)
-            if self.highlighted_room_id
-            else None,
+            highlighted_room_id=(
+                str(self.highlighted_room_id) if self.highlighted_room_id else None
+            ),
         )
 
     def serialize_short(self):
@@ -196,9 +196,9 @@ def serialize(self):
             exhibitor=self.exhibitor.serialize_short(),
             user=self.user.serialize_public() if self.user else None,
             state=self.state,
-            answered_by=self.answered_by.serialize_public()
-            if self.answered_by
-            else None,
+            answered_by=(
+                self.answered_by.serialize_public() if self.answered_by else None
+            ),
             timestamp=self.timestamp.isoformat() if self.timestamp else None,
         )
 
diff --git a/server/venueless/core/models/room.py b/server/venueless/core/models/room.py
index 26e05705..04e2a6e5 100644
--- a/server/venueless/core/models/room.py
+++ b/server/venueless/core/models/room.py
@@ -40,7 +40,10 @@ def with_permission(
         # Get all roles that grant view access
         roles = [
             role
-            for role, permissions in [*world.roles.items(), *SYSTEM_ROLES.items()]
+            for role, permissions in [
+                *world.roles.items(),
+                *SYSTEM_ROLES.items(),
+            ]
             if permission.value in permissions
         ]
 
@@ -217,7 +220,10 @@ def generate_short_token():
 
 class AnonymousInvite(models.Model):
     short_token = models.CharField(
-        db_index=True, unique=True, default=generate_short_token, max_length=150
+        db_index=True,
+        unique=True,
+        default=generate_short_token,
+        max_length=150,
     )
     world = models.ForeignKey(
         "World", related_name="anonymous_invites", on_delete=models.CASCADE
diff --git a/server/venueless/core/models/streaming.py b/server/venueless/core/models/streaming.py
index f9a82795..b6eba9a0 100644
--- a/server/venueless/core/models/streaming.py
+++ b/server/venueless/core/models/streaming.py
@@ -33,7 +33,11 @@ def generate_streamkey(self, name, days):
         )
 
         token = jwt.encode(
-            {"name": n, "iat": iat, "exp": iat + datetime.timedelta(days=days)},
+            {
+                "name": n,
+                "iat": iat,
+                "exp": iat + datetime.timedelta(days=days),
+            },
             self.token_secret,
             algorithm="HS256",
         )
diff --git a/server/venueless/core/services/bbb.py b/server/venueless/core/services/bbb.py
index 7ed2f970..78ffc732 100644
--- a/server/venueless/core/services/bbb.py
+++ b/server/venueless/core/services/bbb.py
@@ -239,9 +239,11 @@ async def get_join_url_for_room(self, room, user, moderator=False):
             record=config.get("record", False),
             voice_bridge=config.get("voice_bridge", None),
             prefer_server=config.get("prefer_server", None),
-            guest_policy="ASK_MODERATOR"
-            if config.get("waiting_room", False)
-            else "ALWAYS_ACCEPT",
+            guest_policy=(
+                "ASK_MODERATOR"
+                if config.get("waiting_room", False)
+                else "ALWAYS_ACCEPT"
+            ),
         )
         create_url = get_url("create", create_params, server.url, server.secret)
 
@@ -273,14 +275,18 @@ async def get_join_url_for_room(self, room, user, moderator=False):
                 "meetingID": create_params["meetingID"],
                 "fullName": escape_name(user.profile.get("display_name", "")),
                 "userID": str(user.pk),
-                "password": create_params["moderatorPW"]
-                if moderator
-                else create_params["attendeePW"],
+                "password": (
+                    create_params["moderatorPW"]
+                    if moderator
+                    else create_params["attendeePW"]
+                ),
                 "joinViaHtml5": "true",
                 **avatar,
-                "guest": "true"
-                if not moderator and config.get("waiting_room", False)
-                else "false",
+                "guest": (
+                    "true"
+                    if not moderator and config.get("waiting_room", False)
+                    else "false"
+                ),
                 "userdata-bbb_custom_style_url": scheme
                 + self.world.domain
                 + reverse("live:css.bbb"),
@@ -387,7 +393,8 @@ async def get_recordings_for_room(self, room):
                             # Work around an upstream bug
                             if "///" in url_video:
                                 url_video = url_video.replace(
-                                    "///", f"//{urlparse(recordings_url).hostname}/"
+                                    "///",
+                                    f"//{urlparse(recordings_url).hostname}/",
                                 )
                         if (
                             not url_presentation
diff --git a/server/venueless/core/services/chat.py b/server/venueless/core/services/chat.py
index e2d6cf33..065f5aae 100644
--- a/server/venueless/core/services/chat.py
+++ b/server/venueless/core/services/chat.py
@@ -1,5 +1,4 @@
 import re
-
 from contextlib import suppress
 
 from channels.db import database_sync_to_async
@@ -38,6 +37,7 @@
     r"@([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12})"
 )
 
+
 @database_sync_to_async
 def _get_channel(**kwargs):
     return (
@@ -66,6 +66,8 @@ def extract_mentioned_user_ids(message: str) -> set:
         set: A set of mentioned user IDs extracted from the message.
     """
     return {match.group(1) for match in MENTION_RE.finditer(message)}
+
+
 class ChatService:
     def __init__(self, world):
         self.world = world
@@ -156,27 +158,33 @@ def filter_mentions(
     ) -> set:
         """
         Filters user IDs based on their membership or permission in a specified channel.
-    
+
         Args:
             channel (Channel): The channel to filter the users for.
             uids (list): List of user IDs to be filtered.
             include_all_permitted (bool): If True, includes all users with permission `ROOM_CHAT_READ` in the channel's room.
-    
+
         Returns:
             set: A set of user IDs that are either members of the channel or have the necessary permissions.
         """
         if not uids:
             return set()
-    
+
         if include_all_permitted:
             permitted_users = User.objects.filter(id__in=uids)
-            result = {str(u.id) for u in permitted_users if self.world.has_permission(
-                        user=u, permission=Permission.ROOM_CHAT_READ, room=channel.room)}
+            result = {
+                str(u.id)
+                for u in permitted_users
+                if self.world.has_permission(
+                    user=u,
+                    permission=Permission.ROOM_CHAT_READ,
+                    room=channel.room,
+                )
+            }
             return result
         else:
             memberships = Membership.objects.filter(channel=channel, user_id__in=uids)
             return {str(m.user_id) for m in memberships}
-    
 
     @database_sync_to_async
     def membership_is_volatile(self, channel, uid):
@@ -263,7 +271,8 @@ def get_events(
             user_ids = user_ids - set(users_known_to_client)
         users = {
             str(u.pk): u.serialize_public(
-                include_admin_info=include_admin_info, trait_badges_map=trait_badges_map
+                include_admin_info=include_admin_info,
+                trait_badges_map=trait_badges_map,
             )
             for u in User.objects.filter(world=self.world, id__in=user_ids)
         }
@@ -361,7 +370,7 @@ def add_reaction(self, event, reaction, user):
             chat_event=event, reaction=reaction, sender=user
         )
         return self._get_event(pk=event.pk).serialize_public()
-    
+
     def get_notification_counts(self, user_id: int) -> dict:
         """
         Retrieves the count of notifications for a given user, grouped by channel ID.
@@ -373,9 +382,12 @@ def get_notification_counts(self, user_id: int) -> dict:
             dict: A dictionary where the keys are channel IDs (as strings) and the values are the count of notifications.
         """
         notifications = ChatEventNotification.objects.filter(recipient_id=user_id)
-        notification_counts = notifications.values("chat_event__channel_id").annotate(count=Count("id"))
-        return {str(n["chat_event__channel_id"]): n["count"] for n in notification_counts}
-
+        notification_counts = notifications.values("chat_event__channel_id").annotate(
+            count=Count("id")
+        )
+        return {
+            str(n["chat_event__channel_id"]): n["count"] for n in notification_counts
+        }
 
     @database_sync_to_async
     def store_notification(self, event_id: int, user_ids: list):
@@ -395,7 +407,6 @@ def store_notification(self, event_id: int, user_ids: list):
         ]
         ChatEventNotification.objects.bulk_create(notifications)
 
-
     @database_sync_to_async
     def remove_notifications(self, user_id: int, channel_id: int, max_id: int) -> bool:
         """
@@ -416,7 +427,6 @@ def remove_notifications(self, user_id: int, channel_id: int, max_id: int) -> bo
         ).delete()
         return deleted_count > 0
 
-
     @database_sync_to_async
     def get_or_create_direct_channel(
         self, user_ids, hide=True, hide_except: str = None
@@ -576,4 +586,4 @@ async def enforce_forced_joins(self, user):
                     await redis.sadd(
                         f"chat:unread.notify:{channel.id}",
                         str(user.id),
-                    )
\ No newline at end of file
+                    )
diff --git a/server/venueless/core/services/janus.py b/server/venueless/core/services/janus.py
index 7744e446..6d3bef24 100644
--- a/server/venueless/core/services/janus.py
+++ b/server/venueless/core/services/janus.py
@@ -41,7 +41,12 @@ async def videoroom_add_token_if_exists(server, room_data, token, audiobridge=Fa
         server.url, subprotocols=["janus-protocol"]
     ) as websocket:
         await websocket.send(
-            json.dumps({"janus": "create", "transaction": get_random_string(length=12)})
+            json.dumps(
+                {
+                    "janus": "create",
+                    "transaction": get_random_string(length=12),
+                }
+            )
         )
         resp = json.loads(await websocket.recv())
         session_id = resp["data"]["id"]
@@ -169,7 +174,12 @@ async def create_videoroom(
         server.url, subprotocols=["janus-protocol"]
     ) as websocket:
         await websocket.send(
-            json.dumps({"janus": "create", "transaction": get_random_string(length=12)})
+            json.dumps(
+                {
+                    "janus": "create",
+                    "transaction": get_random_string(length=12),
+                }
+            )
         )
         resp = json.loads(await websocket.recv())
         session_id = resp["data"]["id"]
diff --git a/server/venueless/core/services/user.py b/server/venueless/core/services/user.py
index 5edd1ee0..db2ed7dd 100644
--- a/server/venueless/core/services/user.py
+++ b/server/venueless/core/services/user.py
@@ -1,12 +1,12 @@
+import datetime as dt
 import json
-import jwt
 import operator
-import datetime as dt
-import requests
 from collections import namedtuple
 from datetime import timedelta
 from functools import reduce
 
+import jwt
+import requests
 from channels.db import database_sync_to_async
 from channels.layers import get_channel_layer
 from django.core.paginator import InvalidPage, Paginator
@@ -19,7 +19,7 @@
 from ..models import AuditLog
 from ..models.auth import User
 from ..models.room import AnonymousInvite
-from ..models.world import WorldView, World
+from ..models.world import World, WorldView
 from ..permissions import Permission
 
 
@@ -93,24 +93,29 @@ def get_public_users(
             inactive=(
                 u["last_login"] is None or u["last_login"] < now() - timedelta(hours=36)
             ),
-            badges=sorted(
-                list(
-                    {
-                        badge
-                        for trait, badge in trait_badges_map.items()
-                        if trait in u["traits"]
-                    }
+            badges=(
+                sorted(
+                    list(
+                        {
+                            badge
+                            for trait, badge in trait_badges_map.items()
+                            if trait in u["traits"]
+                        }
+                    )
                 )
-            )
-            if trait_badges_map
-            else [],
+                if trait_badges_map
+                else []
+            ),
             **(
                 {"client_state": u["client_state"]}
                 if include_admin_info and u["type"] == User.UserType.KIOSK
                 else {}
             ),
             **(
-                {"moderation_state": u["moderation_state"], "token_id": u["token_id"]}
+                {
+                    "moderation_state": u["moderation_state"],
+                    "token_id": u["token_id"],
+                }
                 if include_admin_info
                 else {}
             ),
@@ -227,7 +232,9 @@ def create_user(
     if anonymous_invite:
         user.world_grants.create(world_id=world_id, role="__anonymous_world")
         user.room_grants.create(
-            world_id=world_id, room_id=anonymous_invite.room_id, role="__anonymous_room"
+            world_id=world_id,
+            room_id=anonymous_invite.room_id,
+            role="__anonymous_room",
         )
     return user
 
@@ -249,7 +256,11 @@ def update_user(
                 world_id=world_id,
                 user=user,
                 type="auth.user.traits.changed",
-                data={"object": str(user.pk), "old": user.traits, "new": traits},
+                data={
+                    "object": str(user.pk),
+                    "old": user.traits,
+                    "new": traits,
+                },
             )
             user.traits = traits
         user.save(update_fields=["traits"])
@@ -317,20 +328,25 @@ def update_user(
 
 def update_fav_talks(user_token_id, talks, world_id):
     try:
-        talk_list = talks.get('schedule').get('favs')
+        talk_list = talks.get("schedule").get("favs")
         world = get_object_or_404(World, id=world_id)
         jwt_config = world.config.get("JWT_secrets")
         if not jwt_config:
             return
-        talk_token = get_user_video_token(user_token_id,jwt_config[0])
+        talk_token = get_user_video_token(user_token_id, jwt_config[0])
 
         talk_config = world.config.get("pretalx")
         if not talk_config:
             return
-        talk_url = talk_config.get('domain') + "/api/events/" + talk_config.get('event') + "/favourite-talk/"
+        talk_url = (
+            talk_config.get("domain")
+            + "/api/events/"
+            + talk_config.get("event")
+            + "/favourite-talk/"
+        )
         header = {
             "Content-Type": "application/json",
-            "Authorization": f"Bearer {talk_token}"
+            "Authorization": f"Bearer {talk_token}",
         }
         requests.post(talk_url, data=json.dumps(talk_list), headers=header)
     except World.DoesNotExist or Exception:
@@ -341,15 +357,16 @@ def get_user_video_token(user_code, video_settings):
     iat = dt.datetime.utcnow()
     exp = iat + dt.timedelta(days=30)
     payload = {
-        "iss": video_settings.get('issuer'),
-        "aud": video_settings.get('audience'),
+        "iss": video_settings.get("issuer"),
+        "aud": video_settings.get("audience"),
         "exp": exp,
         "iat": iat,
         "uid": user_code,
     }
-    token = jwt.encode(payload, video_settings.get('secret'), algorithm="HS256")
+    token = jwt.encode(payload, video_settings.get("secret"), algorithm="HS256")
     return token
 
+
 def start_view(user: User, delete=False):
     # The majority of WorldView that go "abandoned" (i.e. ``end`` is never set) are likely caused by server
     # crashes or restarts, in which case ``end`` can't be set. However, after a server crash, the client
@@ -637,17 +654,19 @@ def list_users(
                         pretalx_id=u["pretalx_id"],
                         inactive=u["last_login"] is None
                         or u["last_login"] < now() - timedelta(hours=36),
-                        badges=sorted(
-                            list(
-                                {
-                                    badge
-                                    for trait, badge in trait_badges_map.items()
-                                    if trait in u["traits"]
-                                }
+                        badges=(
+                            sorted(
+                                list(
+                                    {
+                                        badge
+                                        for trait, badge in trait_badges_map.items()
+                                        if trait in u["traits"]
+                                    }
+                                )
                             )
-                        )
-                        if trait_badges_map
-                        else [],
+                            if trait_badges_map
+                            else []
+                        ),
                         **(
                             dict(
                                 moderation_state=u["moderation_state"],
@@ -682,4 +701,4 @@ async def user_broadcast(event_type, data, user_id, socket_id):
             "data": data,
             "socket": socket_id,
         },
-    )
\ No newline at end of file
+    )
diff --git a/server/venueless/core/services/world.py b/server/venueless/core/services/world.py
index 51b063f9..a63872c5 100644
--- a/server/venueless/core/services/world.py
+++ b/server/venueless/core/services/world.py
@@ -15,10 +15,7 @@
 
 from venueless.core.models import AuditLog, Channel, Room, World
 from venueless.core.models.auth import ShortToken
-from venueless.core.models.room import (
-    RoomConfigSerializer,
-    RoomView
-)
+from venueless.core.models.room import RoomConfigSerializer, RoomView
 from venueless.core.permissions import Permission
 
 
@@ -30,8 +27,8 @@ class WorldConfigSerializer(serializers.Serializer):
     pretalx = serializers.DictField()
     title = serializers.CharField()
     locale = serializers.CharField()
-    dateLocale = serializers.CharField()
-    videoPlayer = serializers.DictField(allow_null=True)
+    date_locale = serializers.CharField()
+    video_player = serializers.DictField(allow_null=True)
     timezone = serializers.ChoiceField(choices=[(a, a) for a in common_timezones])
     connection_limit = serializers.IntegerField(allow_null=True)
     available_permissions = serializers.SerializerMethodField("_available_permissions")
@@ -190,7 +187,8 @@ def get_world_config_for_user(world, user):
             "profile_fields": world.config.get("profile_fields", []),
             "social_logins": world.config.get("social_logins", []),
             "iframe_blockers": world.config.get(
-                "iframe_blockers", {"default": {"enabled": False, "policy_url": None}}
+                "iframe_blockers",
+                {"default": {"enabled": False, "policy_url": None}},
             ),
             "onsite_traits": world.config.get("onsite_traits", []),
         },
@@ -256,7 +254,8 @@ async def create_room(world, data, creator):
             user=creator, permission=Permission.WORLD_ROOMS_CREATE_CHAT
         ):
             raise ValidationError(
-                "This user is not allowed to create a room of this type.", code="denied"
+                "This user is not allowed to create a room of this type.",
+                code="denied",
             )
         m = [m for m in data.get("modules", []) if m["type"] == "chat.native"][0]
         m["config"] = {"volatile": m.get("config", {}).get("volatile", False)}
@@ -265,7 +264,8 @@ async def create_room(world, data, creator):
             user=creator, permission=Permission.WORLD_ROOMS_CREATE_BBB
         ):
             raise ValidationError(
-                "This user is not allowed to create a room of this type.", code="denied"
+                "This user is not allowed to create a room of this type.",
+                code="denied",
             )
         m = [m for m in data.get("modules", []) if m["type"] == "call.bigbluebutton"][0]
         m["config"] = world.config.get("bbb_defaults", {})
@@ -275,7 +275,8 @@ async def create_room(world, data, creator):
             user=creator, permission=Permission.WORLD_ROOMS_CREATE_STAGE
         ):
             raise ValidationError(
-                "This user is not allowed to create a room of this type.", code="denied"
+                "This user is not allowed to create a room of this type.",
+                code="denied",
             )
         m = [m for m in data.get("modules", []) if m["type"] == "livestream.native"][0]
         m["config"] = {"hls_url": m.get("config", {}).get("hls_url", "")}
@@ -284,7 +285,8 @@ async def create_room(world, data, creator):
             user=creator, permission=Permission.ROOM_UPDATE
         ):
             raise ValidationError(
-                "This user is not allowed to create a room of this type.", code="denied"
+                "This user is not allowed to create a room of this type.",
+                code="denied",
             )
     else:
         raise ValidationError(
@@ -310,7 +312,10 @@ async def create_room(world, data, creator):
         f"world.{world.id}", {"type": "room.create", "room": str(room.id)}
     )
 
-    return {"room": str(room.id), "channel": str(channel.id) if channel else None}
+    return {
+        "room": str(room.id),
+        "channel": str(channel.id) if channel else None,
+    }
 
 
 async def get_room_config_for_user(room: str, world_id: str, user):
@@ -371,14 +376,14 @@ def _config_serializer(world, *args, **kwargs):
             "theme": world.config.get("theme", {}),
             "title": world.title,
             "locale": world.locale,
-            "dateLocale": world.config.get("dateLocale", "en-ie"),
+            "date_locale": world.config.get("date_locale", "en-ie"),
             "roles": world.roles,
             "bbb_defaults": bbb_defaults,
             "track_exhibitor_views": world.config.get("track_exhibitor_views", True),
             "track_room_views": world.config.get("track_room_views", True),
             "track_world_views": world.config.get("track_world_views", False),
             "pretalx": world.config.get("pretalx", {}),
-            "videoPlayer": world.config.get("videoPlayer"),
+            "video_player": world.config.get("video_player"),
             "timezone": world.timezone,
             "trait_grants": world.trait_grants,
             "connection_limit": world.config.get("connection_limit", 0),
@@ -388,7 +393,8 @@ def _config_serializer(world, *args, **kwargs):
             "conftool_url": world.config.get("conftool_url", ""),
             "conftool_password": world.config.get("conftool_password", ""),
             "iframe_blockers": world.config.get(
-                "iframe_blockers", {"default": {"enabled": False, "policy_url": None}}
+                "iframe_blockers",
+                {"default": {"enabled": False, "policy_url": None}},
             ),
         },
         *args,
diff --git a/server/venueless/core/utils/statsd.py b/server/venueless/core/utils/statsd.py
index ffdcc933..3823e10a 100644
--- a/server/venueless/core/utils/statsd.py
+++ b/server/venueless/core/utils/statsd.py
@@ -43,7 +43,8 @@ def __init__(self, loop, host, port, prefix):
     async def start(self):
         logger.debug(f"StatsD connection to {self.host}:{self.port} established")
         _, self.protocol = await self.loop.create_datagram_endpoint(
-            lambda: StatsdProtocol(self.prefix), remote_addr=(self.host, self.port)
+            lambda: StatsdProtocol(self.prefix),
+            remote_addr=(self.host, self.port),
         )
 
     def stop(self):
diff --git a/server/venueless/graphs/report.py b/server/venueless/graphs/report.py
index 6bb2ada7..845f2a6a 100644
--- a/server/venueless/graphs/report.py
+++ b/server/venueless/graphs/report.py
@@ -275,7 +275,10 @@ def story_for_room(self, room: Room):
         aggs = users_with_duration.aggregate(a=Avg("total_duration"))
 
         tdata = [
-            [_("Total number of unique viewers"), str(unique_users.distinct().count())],
+            [
+                _("Total number of unique viewers"),
+                str(unique_users.distinct().count()),
+            ],
             [_("Average time spent in room"), str(aggs["a"] or 0)],
             [
                 _("Median time spent in room"),
@@ -419,7 +422,12 @@ def story_for_exhibitors(self):
         ]
 
         tdata = [
-            [_("Exhibitor"), _("Views"), _("Unique viewers"), _("Contact requests")]
+            [
+                _("Exhibitor"),
+                _("Views"),
+                _("Unique viewers"),
+                _("Contact requests"),
+            ]
         ]
 
         qs = self.world.exhibitors.annotate(
@@ -611,5 +619,7 @@ def _graph(self, fig):
             imgdata.seek(0)
             w = self.pagesize[0] - 30 * mm
             return Image(
-                imgdata, width=w, height=fig.get_figheight() / fig.get_figwidth() * w
+                imgdata,
+                width=w,
+                height=fig.get_figheight() / fig.get_figwidth() * w,
             )
diff --git a/server/venueless/graphs/tasks.py b/server/venueless/graphs/tasks.py
index 074791b8..1faa0ed1 100644
--- a/server/venueless/graphs/tasks.py
+++ b/server/venueless/graphs/tasks.py
@@ -228,7 +228,9 @@ def generate_room_views(world, input=None):
                 adds = defaultdict(set)
                 for v in views:
                     bucket = v["start"].replace(
-                        second=0, microsecond=0, minute=v["start"].minute // 5 * 5
+                        second=0,
+                        microsecond=0,
+                        minute=v["start"].minute // 5 * 5,
                     )
                     while bucket < end and (not v["end"] or bucket < v["end"]):
                         adds[bucket].add(v["user"])
@@ -309,9 +311,11 @@ def generate_session_views(world, input=None):
             ws.append(
                 [
                     pretalx_uni18n(talk["title"]),
-                    room_cache[talk["room"]].name
-                    if talk["room"] in room_cache
-                    else "?",
+                    (
+                        room_cache[talk["room"]].name
+                        if talk["room"] in room_cache
+                        else "?"
+                    ),
                     talk_start.astimezone(tz).date(),
                     talk_start.astimezone(tz).time(),
                     talk_end.astimezone(tz).date(),
@@ -607,7 +611,10 @@ def generate_attendee_session_list(world, input=None):
             sum_views = min(
                 sum(
                     (
-                        min(v.end or min(now(), v.start + timedelta(hours=3)), talk_end)
+                        min(
+                            v.end or min(now(), v.start + timedelta(hours=3)),
+                            talk_end,
+                        )
                         - max(v.start, talk_start)
                         for v in u.room_views_for_talk
                     ),
diff --git a/server/venueless/graphs/urls.py b/server/venueless/graphs/urls.py
index a2df70c6..3666bdb0 100644
--- a/server/venueless/graphs/urls.py
+++ b/server/venueless/graphs/urls.py
@@ -4,6 +4,7 @@
 
 urlpatterns = [
     re_path(
-        "attendance.(?P<type>(svg|png|pdf))$", views.RoomAttendanceGraphView.as_view()
+        "attendance.(?P<type>(svg|png|pdf))$",
+        views.RoomAttendanceGraphView.as_view(),
     ),
 ]
diff --git a/server/venueless/graphs/utils.py b/server/venueless/graphs/utils.py
index 71c0f63b..15632462 100644
--- a/server/venueless/graphs/utils.py
+++ b/server/venueless/graphs/utils.py
@@ -38,16 +38,16 @@ def __init__(self, filename_or_object, width=None, height=None, kind="direct"):
             self.drawWidth = self._w * factor
             self.drawHeight = self._h * factor
 
-    def wrap(self, aW, aH):
+    def wrap(self, aw, ah):
         return self.drawWidth, self.drawHeight
 
-    def drawOn(self, canv, x, y, _sW=0):
-        if _sW > 0 and hasattr(self, "hAlign"):
+    def drawOn(self, canv, x, y, _sw=0):
+        if _sw > 0 and hasattr(self, "hAlign"):
             a = self.hAlign
             if a in ("CENTER", "CENTRE", TA_CENTER):
-                x += 0.5 * _sW
+                x += 0.5 * _sw
             elif a in ("RIGHT", TA_RIGHT):
-                x += _sW
+                x += _sw
             elif a not in ("LEFT", TA_LEFT):
                 raise ValueError("Bad hAlign value " + str(a))
 
diff --git a/server/venueless/graphs/views.py b/server/venueless/graphs/views.py
index 4c850ab8..9330c9e8 100644
--- a/server/venueless/graphs/views.py
+++ b/server/venueless/graphs/views.py
@@ -1,6 +1,6 @@
 import io
-import re
 import logging
+import re
 from collections import Counter, defaultdict
 from datetime import timedelta
 from os.path import dirname
diff --git a/server/venueless/importers/conftool.py b/server/venueless/importers/conftool.py
index fb928097..31ada938 100644
--- a/server/venueless/importers/conftool.py
+++ b/server/venueless/importers/conftool.py
@@ -264,7 +264,8 @@ def mirror_conftool_file(world, url, password, nonce, preview=False):
                     images[0].save(o, format="PNG")
                     o.seek(0)
                     psf.file.save(
-                        f"poster_{contenthash}_preview.png", ContentFile(o.getvalue())
+                        f"poster_{contenthash}_preview.png",
+                        ContentFile(o.getvalue()),
                     )
                 except Exception:
                     psf.delete()
@@ -303,7 +304,8 @@ def create_posters_from_conftool(
     for paper in root.xpath("paper"):
         try:
             poster = Poster.objects.get(
-                world=world, import_id=f"conftool/{paper.xpath('paperID')[0].text}"
+                world=world,
+                import_id=f"conftool/{paper.xpath('paperID')[0].text}",
             )
         except Poster.DoesNotExist:
             poster = Poster(
@@ -353,7 +355,11 @@ def create_posters_from_conftool(
                     categories = m["config"].get("categories", [])
                     if category_id not in [tt["id"] for tt in categories]:
                         categories.append(
-                            {"id": category_id, "label": category_name, "color": ""}
+                            {
+                                "id": category_id,
+                                "label": category_name,
+                                "color": "",
+                            }
                         )
                     m["config"]["categories"] = categories
 
diff --git a/server/venueless/live/decorators.py b/server/venueless/live/decorators.py
index c412f20e..df8b4847 100644
--- a/server/venueless/live/decorators.py
+++ b/server/venueless/live/decorators.py
@@ -99,14 +99,16 @@ async def wrapped(self, body, *args):
                     self.module_config = module_config[0]
                 else:
                     raise ConsumerException(
-                        "room.unknown", "Room does not contain a matching module."
+                        "room.unknown",
+                        "Room does not contain a matching module.",
                     )
 
             if permission_required is not None:
                 if not getattr(self.consumer, "user", None):  # pragma: no cover
                     # Just a precaution, should never be called since MainConsumer.receive_json already checks this
                     raise ConsumerException(
-                        "protocol.unauthenticated", "No authentication provided."
+                        "protocol.unauthenticated",
+                        "No authentication provided.",
                     )
                 if not await self.consumer.world.has_permission_async(
                     user=self.consumer.user,
diff --git a/server/venueless/live/modules/auth.py b/server/venueless/live/modules/auth.py
index 94bc1124..783c9bbf 100644
--- a/server/venueless/live/modules/auth.py
+++ b/server/venueless/live/modules/auth.py
@@ -143,15 +143,18 @@ async def login(self, body):
         }
 
         if not await self.consumer.world.has_permission_async(
-            user=self.consumer.user, permission=Permission.WORLD_CONNECTIONS_UNLIMITED
+            user=self.consumer.user,
+            permission=Permission.WORLD_CONNECTIONS_UNLIMITED,
         ):
             await self._enforce_connection_limit()
 
         await self.consumer.channel_layer.group_add(
-            GROUP_USER.format(id=self.consumer.user.id), self.consumer.channel_name
+            GROUP_USER.format(id=self.consumer.user.id),
+            self.consumer.channel_name,
         )
         await self.consumer.channel_layer.group_add(
-            GROUP_WORLD.format(id=self.consumer.world.id), self.consumer.channel_name
+            GROUP_WORLD.format(id=self.consumer.world.id),
+            self.consumer.channel_name,
         )
 
         await ChatService(self.consumer.world).enforce_forced_joins(self.consumer.user)
@@ -348,13 +351,15 @@ async def list(self, body):
         users = await get_public_users(
             self.consumer.world.pk,
             include_admin_info=await self.consumer.world.has_permission_async(
-                user=self.consumer.user, permission=Permission.WORLD_USERS_MANAGE
+                user=self.consumer.user,
+                permission=Permission.WORLD_USERS_MANAGE,
             ),
             type=body.get("type", User.UserType.PERSON),
             include_banned=not body
             or body.get("include_banned", True)
             and await self.consumer.world.has_permission_async(
-                user=self.consumer.user, permission=Permission.WORLD_USERS_MANAGE
+                user=self.consumer.user,
+                permission=Permission.WORLD_USERS_MANAGE,
             ),
             trait_badges_map=self.consumer.world.config.get("trait_badges_map"),
         )
@@ -386,11 +391,13 @@ async def user_list(self, body):
                 badge=badge,
                 search_fields=search_fields,
                 include_admin_info=await self.consumer.world.has_permission_async(
-                    user=self.consumer.user, permission=Permission.WORLD_USERS_MANAGE
+                    user=self.consumer.user,
+                    permission=Permission.WORLD_USERS_MANAGE,
                 ),
                 include_banned=body.get("include_banned", True)
                 and await self.consumer.world.has_permission_async(
-                    user=self.consumer.user, permission=Permission.WORLD_USERS_MANAGE
+                    user=self.consumer.user,
+                    permission=Permission.WORLD_USERS_MANAGE,
                 ),
                 trait_badges_map=self.consumer.world.config.get("trait_badges_map"),
             )
@@ -554,9 +561,9 @@ def create_user():
                 token_id=uid,
                 world=self.consumer.world,
                 show_publicly=False,
-                profile=body["profile"]
-                if isinstance(body.get("profile"), dict)
-                else {},
+                profile=(
+                    body["profile"] if isinstance(body.get("profile"), dict) else {}
+                ),
                 traits=[],
             )
             user.world_grants.create(world=self.consumer.world, role="__kiosk")
@@ -603,4 +610,4 @@ def get_user(uid):
         if user:
             await self.consumer.send_success(user)
         else:
-            await self.consumer.send_error(code="user.not_found")
\ No newline at end of file
+            await self.consumer.send_error(code="user.not_found")
diff --git a/server/venueless/live/modules/chat.py b/server/venueless/live/modules/chat.py
index 964ec861..b3c4fb93 100644
--- a/server/venueless/live/modules/chat.py
+++ b/server/venueless/live/modules/chat.py
@@ -5,11 +5,15 @@
 
 import asgiref
 import emoji
-
-from sentry_sdk import configure_scope
 from channels.db import database_sync_to_async
+from sentry_sdk import configure_scope
+
 from venueless.core.permissions import Permission
-from venueless.core.services.chat import ChatService, get_channel
+from venueless.core.services.chat import (
+    ChatService,
+    extract_mentioned_user_ids,
+    get_channel,
+)
 from venueless.core.services.user import get_public_users
 from venueless.core.utils.redis import aredis
 from venueless.live.channels import GROUP_CHAT, GROUP_USER
@@ -22,11 +26,6 @@
 from venueless.live.exceptions import ConsumerException
 from venueless.live.modules.base import BaseModule
 from venueless.storage.tasks import retrieve_preview_information
-from venueless.core.services.chat import (
-    ChatService,
-    extract_mentioned_user_ids,
-    get_channel,
-)
 
 logger = logging.getLogger(__name__)
 
@@ -70,7 +69,8 @@ async def wrapped(self, body, *args):
                     self.module_config = module_config[0]
                 else:
                     raise ConsumerException(
-                        "room.unknown", "Room does not contain a matching module."
+                        "room.unknown",
+                        "Room does not contain a matching module.",
                     )
 
             if not getattr(self.consumer, "user", None):  # pragma: no cover
@@ -122,7 +122,8 @@ async def _subscribe(self, volatile=False):
         self.users_known_to_client.clear()  # client implementation nukes cache on channel switch
         self.channels_subscribed.add(self.channel)
         await self.consumer.channel_layer.group_add(
-            GROUP_CHAT.format(channel=self.channel_id), self.consumer.channel_name
+            GROUP_CHAT.format(channel=self.channel_id),
+            self.consumer.channel_name,
         )
         await self.service.track_subscription(
             self.channel_id, self.consumer.user.id, self.consumer.socket_id
@@ -134,14 +135,17 @@ async def _subscribe(self, volatile=False):
             "unread_pointer": await self.service.get_highest_nonmember_id_in_channel(
                 self.channel_id
             ),
-            "members": await self.service.get_channel_users(
-                self.channel,
-                include_admin_info=await self.consumer.world.has_permission_async(
-                    user=self.consumer.user, permission=Permission.WORLD_USERS_MANAGE
-                ),
-            )
-            if not volatile
-            else [],
+            "members": (
+                await self.service.get_channel_users(
+                    self.channel,
+                    include_admin_info=await self.consumer.world.has_permission_async(
+                        user=self.consumer.user,
+                        permission=Permission.WORLD_USERS_MANAGE,
+                    ),
+                )
+                if not volatile
+                else []
+            ),
         }
 
     async def _unsubscribe(self, clean_volatile_membership=True):
@@ -157,7 +161,8 @@ async def _unsubscribe(self, clean_volatile_membership=True):
             ):
                 await self._leave(volatile=True)
         await self.consumer.channel_layer.group_discard(
-            GROUP_CHAT.format(channel=self.channel_id), self.consumer.channel_name
+            GROUP_CHAT.format(channel=self.channel_id),
+            self.consumer.channel_name,
         )
 
     @command("subscribe")
@@ -174,7 +179,8 @@ async def subscribe(self, body):
 
     @command("join")
     @room_action(
-        permission_required=Permission.ROOM_CHAT_JOIN, module_required="chat.native"
+        permission_required=Permission.ROOM_CHAT_JOIN,
+        module_required="chat.native",
     )
     async def join(self, body):
         if not self.consumer.user.profile.get("display_name"):
@@ -261,7 +267,8 @@ async def leave(self, body):
             await self._leave(self.module_config.get("volatile", False))
             async with aredis() as redis:
                 await redis.srem(
-                    f"chat:unread.notify:{self.channel_id}", str(self.consumer.user.id)
+                    f"chat:unread.notify:{self.channel_id}",
+                    str(self.consumer.user.id),
                 )
         else:
             await self.service.hide_channel_user(self.channel_id, self.consumer.user.id)
@@ -298,7 +305,8 @@ async def fetch(self, body):
             skip_membership=volatile_config,
             users_known_to_client=self.users_known_to_client,
             include_admin_info=await self.consumer.world.has_permission_async(
-                user=self.consumer.user, permission=Permission.WORLD_USERS_MANAGE
+                user=self.consumer.user,
+                permission=Permission.WORLD_USERS_MANAGE,
             ),
             trait_badges_map=self.consumer.world.config.get("trait_badges_map"),
         )
@@ -313,9 +321,14 @@ async def mark_read(self, body):
         async with aredis() as redis:
             tr = redis.pipeline(transaction=False)
             tr.hset(
-                f"chat:read:{self.consumer.user.id}", self.channel_id, body.get("id")
+                f"chat:read:{self.consumer.user.id}",
+                self.channel_id,
+                body.get("id"),
+            )
+            tr.sadd(
+                f"chat:unread.notify:{self.channel_id}",
+                str(self.consumer.user.id),
             )
-            tr.sadd(f"chat:unread.notify:{self.channel_id}", str(self.consumer.user.id))
             await tr.execute()
         await self.service.remove_notifications(
             self.consumer.user.id, self.channel_id, body.get("id")
@@ -426,7 +439,9 @@ async def send(self, body):
                         )
             async with aredis() as redis:
                 await redis.setex(
-                    f"chat:direct:shownall:{self.channel_id}", 3600 * 24 * 7, "true"
+                    f"chat:direct:shownall:{self.channel_id}",
+                    3600 * 24 * 7,
+                    "true",
                 )
 
         event = await self.service.create_event(
@@ -457,6 +472,7 @@ async def _publish_new_pointers(users):
                             "data": {self.channel_id: event["event_id"]},
                         },
                     )
+
             async def _notify_users(users):
                 users = [u for u in users if u != str(self.consumer.user.id)]
                 await self.service.store_notification(event["event_id"], users)
@@ -638,7 +654,7 @@ async def publish_event(self, body):
             user_profiles_required |= extract_mentioned_user_ids(
                 data["content"].get("body", "")
             )
-            
+
         user_profiles_required -= self.users_known_to_client
         data["users"] = {}
 
@@ -647,7 +663,8 @@ async def publish_event(self, body):
                 self.consumer.world.id,
                 ids=list(user_profiles_required),
                 include_admin_info=await self.consumer.world.has_permission_async(
-                    user=self.consumer.user, permission=Permission.WORLD_USERS_MANAGE
+                    user=self.consumer.user,
+                    permission=Permission.WORLD_USERS_MANAGE,
                 ),
                 trait_badges_map=self.consumer.world.config.get("trait_badges_map"),
             )
@@ -665,8 +682,14 @@ async def direct_create(self, body):
 
         hide = body.get("hide", True)
 
-        channel, created, users = await self.service.get_or_create_direct_channel(
-            user_ids=user_ids, hide=hide, hide_except=str(self.consumer.user.id)
+        (
+            channel,
+            created,
+            users,
+        ) = await self.service.get_or_create_direct_channel(
+            user_ids=user_ids,
+            hide=hide,
+            hide_except=str(self.consumer.user.id),
         )
         if not channel:
             raise ConsumerException("chat.denied")
@@ -707,7 +730,9 @@ async def direct_create(self, body):
             if not hide:
                 async with aredis() as redis:
                     await redis.setex(
-                        f"chat:direct:shownall:{self.channel_id}", 3600 * 24 * 7, "true"
+                        f"chat:direct:shownall:{self.channel_id}",
+                        3600 * 24 * 7,
+                        "true",
                     )
 
         reply["id"] = str(channel.id)
@@ -723,4 +748,4 @@ async def dispatch_disconnect(self, close_code):
         for channel in frozenset(self.channels_subscribed):
             self.channel = channel
             self.channel_id = channel.pk
-            await self._unsubscribe()
\ No newline at end of file
+            await self._unsubscribe()
diff --git a/server/venueless/live/modules/exhibition.py b/server/venueless/live/modules/exhibition.py
index 3a61e70c..6d4a99d8 100644
--- a/server/venueless/live/modules/exhibition.py
+++ b/server/venueless/live/modules/exhibition.py
@@ -33,7 +33,8 @@ async def dispatch_disconnect(self, close_code):
     @command("list.all")
     async def list_all(self, body):
         if not await self.consumer.world.has_permission_async(
-            user=self.consumer.user, permission=Permission.WORLD_ROOMS_CREATE_EXHIBITION
+            user=self.consumer.user,
+            permission=Permission.WORLD_ROOMS_CREATE_EXHIBITION,
         ):
             exhibitors = await self.service.get_all_exhibitors(
                 staff_includes_user=self.consumer.user
@@ -57,7 +58,10 @@ async def delete(self, body):
                 )(user_id)
                 await self.consumer.channel_layer.group_send(
                     GROUP_USER.format(id=str(user_id)),
-                    {"type": "exhibition.exhibition_data_update", "data": data},
+                    {
+                        "type": "exhibition.exhibition_data_update",
+                        "data": data,
+                    },
                 )
             await self.consumer.send_success({})
 
@@ -68,7 +72,8 @@ async def patch(self, body):
             staff += await self.service.get_staff(exhibitor_id=body["id"])
 
         if await self.consumer.world.has_permission_async(
-            user=self.consumer.user, permission=Permission.WORLD_ROOMS_CREATE_EXHIBITION
+            user=self.consumer.user,
+            permission=Permission.WORLD_ROOMS_CREATE_EXHIBITION,
         ):
             exclude_fields = set()
         elif self.consumer.user.id in staff:
@@ -119,7 +124,8 @@ async def list(self, body):
     @command("get")
     async def get(self, body):
         exhibitor = await self.service.get_exhibitor(
-            exhibitor_id=body["exhibitor"], track_view_for_user=self.consumer.user
+            exhibitor_id=body["exhibitor"],
+            track_view_for_user=self.consumer.user,
         )
         if not exhibitor:
             await self.consumer.send_error("exhibition.unknown_exhibitor")
@@ -175,7 +181,8 @@ async def contact_cancel(self, body):
     async def contact_accept(self, body):
         channel = body["channel"]
         request = await self.service.accept(
-            contact_request_id=body["contact_request"], staff=self.consumer.user
+            contact_request_id=body["contact_request"],
+            staff=self.consumer.user,
         )
         if not request:
             await self.consumer.send_error("exhibition.unknown_contact_request")
@@ -196,7 +203,10 @@ async def contact_accept(self, body):
         for user_id in staff:
             await self.consumer.channel_layer.group_send(
                 GROUP_USER.format(id=str(user_id)),
-                {"type": "exhibition.contact_close", "contact_request": request},
+                {
+                    "type": "exhibition.contact_close",
+                    "contact_request": request,
+                },
             )
 
     @event("contact_request")
diff --git a/server/venueless/live/modules/poster.py b/server/venueless/live/modules/poster.py
index 2f6c04cc..a7f8a242 100644
--- a/server/venueless/live/modules/poster.py
+++ b/server/venueless/live/modules/poster.py
@@ -18,7 +18,8 @@ def __init__(self, *args, **kwargs):
     @command("list.all")
     async def list_all(self, body):
         if not await self.consumer.world.has_permission_async(
-            user=self.consumer.user, permission=Permission.WORLD_ROOMS_CREATE_POSTER
+            user=self.consumer.user,
+            permission=Permission.WORLD_ROOMS_CREATE_POSTER,
         ):
             posters = await self.service.get_all_posters(
                 presenter_includes_user=self.consumer.user, list_format=True
@@ -43,7 +44,8 @@ async def patch(self, body):
             presenters = await self.service.get_presenters(poster_id=body["id"])
 
         if await self.consumer.world.has_permission_async(
-            user=self.consumer.user, permission=Permission.WORLD_ROOMS_CREATE_POSTER
+            user=self.consumer.user,
+            permission=Permission.WORLD_ROOMS_CREATE_POSTER,
         ):
             exclude_fields = set()
         elif self.consumer.user.id in presenters:
diff --git a/server/venueless/live/modules/question.py b/server/venueless/live/modules/question.py
index 25ed4b2d..8c6c20de 100644
--- a/server/venueless/live/modules/question.py
+++ b/server/venueless/live/modules/question.py
@@ -27,7 +27,8 @@ class QuestionModule(BaseModule):
 
     @command("ask")
     @room_action(
-        permission_required=Permission.ROOM_QUESTION_ASK, module_required="question"
+        permission_required=Permission.ROOM_QUESTION_ASK,
+        module_required="question",
     )
     async def ask_question(self, body):
         if not self.module_config.get("active", False):
@@ -39,9 +40,11 @@ async def ask_question(self, body):
             content=body.get("content"),
             sender=self.consumer.user,
             room=self.room,
-            state=Question.States.MOD_QUEUE
-            if requires_moderation
-            else Question.States.VISIBLE,
+            state=(
+                Question.States.MOD_QUEUE
+                if requires_moderation
+                else Question.States.VISIBLE
+            ),
         )
 
         await self.consumer.send_success({"question": question})
@@ -121,7 +124,8 @@ async def delete_question(self, body):
 
     @command("vote")
     @room_action(
-        permission_required=Permission.ROOM_QUESTION_VOTE, module_required="question"
+        permission_required=Permission.ROOM_QUESTION_VOTE,
+        module_required="question",
     )
     async def vote(self, body):
         if not self.module_config.get("active", False):
diff --git a/server/venueless/live/modules/room.py b/server/venueless/live/modules/room.py
index 768ab87c..a6faab01 100644
--- a/server/venueless/live/modules/room.py
+++ b/server/venueless/live/modules/room.py
@@ -11,10 +11,7 @@
 from django.utils.timezone import now
 from sentry_sdk import add_breadcrumb, configure_scope
 
-from venueless.core.models.room import (
-    AnonymousInvite,
-    RoomConfigSerializer,
-)
+from venueless.core.models.room import AnonymousInvite, RoomConfigSerializer
 from venueless.core.permissions import Permission
 from venueless.core.services.poll import get_polls, get_voted_polls
 from venueless.core.services.reactions import store_reaction
@@ -407,7 +404,8 @@ async def change_schedule_data(self, body):
             key in ["title", "session", "computeSession"] for key in data.keys()
         ):
             raise ConsumerException(
-                code="room.unknown_schedule_data", message="Unknown schedule data"
+                code="room.unknown_schedule_data",
+                message="Unknown schedule data",
             )
 
         await self.consumer.send_success({})
@@ -421,7 +419,11 @@ async def change_schedule_data(self, body):
         )
         await self.consumer.channel_layer.group_send(
             GROUP_ROOM.format(id=self.room.pk),
-            {"type": "room.schedule", "schedule_data": data, "room": str(self.room.pk)},
+            {
+                "type": "room.schedule",
+                "schedule_data": data,
+                "room": str(self.room.pk),
+            },
         )
 
     @event("schedule")
@@ -435,7 +437,10 @@ async def push_schedule_data(self, body):
         await self.consumer.send_json(
             [
                 body["type"],
-                {"room": config["id"], "schedule_data": config.get("schedule_data")},
+                {
+                    "room": config["id"],
+                    "schedule_data": config.get("schedule_data"),
+                },
             ]
         )
 
diff --git a/server/venueless/live/modules/roulette.py b/server/venueless/live/modules/roulette.py
index f6df8123..c4f283aa 100644
--- a/server/venueless/live/modules/roulette.py
+++ b/server/venueless/live/modules/roulette.py
@@ -29,7 +29,10 @@ async def start(self, body):
 
         self.used = True
         request, room_id, recent_pairs = await roulette_request(
-            self.consumer.user, self.room, self.consumer.socket_id, self.module_config
+            self.consumer.user,
+            self.room,
+            self.consumer.socket_id,
+            self.module_config,
         )
         if room_id:
             await self.consumer.send_success(
diff --git a/server/venueless/live/modules/world.py b/server/venueless/live/modules/world.py
index 9c026a0a..41da3cca 100644
--- a/server/venueless/live/modules/world.py
+++ b/server/venueless/live/modules/world.py
@@ -50,7 +50,10 @@ async def push_world_update(self, body):
     async def push_schedule_update(self, body):
         await self.consumer.world.refresh_from_db_if_outdated(allowed_age=0)
         await self.consumer.send_json(
-            ["world.schedule.updated", self.consumer.world.config.get("pretalx", {})]
+            [
+                "world.schedule.updated",
+                self.consumer.world.config.get("pretalx", {}),
+            ]
         )
 
     @event("user_count_change")
@@ -81,7 +84,7 @@ async def config_patch(self, body):
         if s.is_valid():
             config_fields = (
                 "theme",
-                "dateLocale",
+                "date_locale",
                 "connection_limit",
                 "bbb_defaults",
                 "pretalx",
@@ -96,7 +99,13 @@ async def config_patch(self, body):
                 "iframe_blockers",
                 "social_logins",
             )
-            model_fields = ("title", "locale", "timezone", "roles", "trait_grants")
+            model_fields = (
+                "title",
+                "locale",
+                "timezone",
+                "roles",
+                "trait_grants",
+            )
             update_fields = set()
 
             for f in model_fields:
diff --git a/server/venueless/live/modules/zoom.py b/server/venueless/live/modules/zoom.py
index 2e4e718b..f326c355 100644
--- a/server/venueless/live/modules/zoom.py
+++ b/server/venueless/live/modules/zoom.py
@@ -30,7 +30,11 @@ async def room_url(self, body):
         data = signing.dumps(
             {
                 "mn": int(
-                    re.sub("[^0-9]", "", self.module_config.get("meeting_number") or "")
+                    re.sub(
+                        "[^0-9]",
+                        "",
+                        self.module_config.get("meeting_number") or "",
+                    )
                 ),
                 "pw": self.module_config.get("password"),
                 "un": self.consumer.user.profile.get("display_name"),
diff --git a/server/venueless/live/views.py b/server/venueless/live/views.py
index a7893ed8..d3725fff 100644
--- a/server/venueless/live/views.py
+++ b/server/venueless/live/views.py
@@ -155,9 +155,9 @@ def get(self, request, *args, **kwargs):
                         "features": world.feature_flags,
                         "externalAuthUrl": world.external_auth_url,
                         "locale": world.locale,
-                        "dateLocale": world.config.get("dateLocale", "en-ie"),
+                        "date_locale": world.config.get("date_locale", "en-ie"),
                         "theme": world.config.get("theme", {}),
-                        "videoPlayer": world.config.get("videoPlayer", {}),
+                        "video_player": world.config.get("video_player", {}),
                         "mux": world.config.get("mux", {}),
                     }
                 )
diff --git a/server/venueless/platforms/storage/nanocdn.py b/server/venueless/platforms/storage/nanocdn.py
index 932423a2..54040bf1 100644
--- a/server/venueless/platforms/storage/nanocdn.py
+++ b/server/venueless/platforms/storage/nanocdn.py
@@ -108,7 +108,8 @@ def _save(self, name, content):
         if "." in os.path.basename(name):
             bname, ext = os.path.basename(name).rsplit(".", 1)
             name = os.path.join(
-                os.path.dirname(name), bname + "." + sha1.hexdigest()[:14] + "." + ext
+                os.path.dirname(name),
+                bname + "." + sha1.hexdigest()[:14] + "." + ext,
             )
         else:
             name = os.path.join(
diff --git a/server/venueless/settings.py b/server/venueless/settings.py
index 503d8b4d..304718ce 100644
--- a/server/venueless/settings.py
+++ b/server/venueless/settings.py
@@ -67,7 +67,8 @@
 )
 
 MAIL_FROM = SERVER_EMAIL = DEFAULT_FROM_EMAIL = os.environ.get(
-    "VENUELESS_MAIL_FROM", config.get("mail", "from", fallback="admin@localhost")
+    "VENUELESS_MAIL_FROM",
+    config.get("mail", "from", fallback="admin@localhost"),
 )
 if DEBUG:
     EMAIL_BACKEND = "django.core.mail.backends.console.EmailBackend"
@@ -95,13 +96,15 @@
             config.get("database", "backend", fallback="postgresql"),
         ),
         "NAME": os.getenv(
-            "VENUELESS_DB_NAME", config.get("database", "name", fallback="venueless")
+            "VENUELESS_DB_NAME",
+            config.get("database", "name", fallback="venueless"),
         ),
         "USER": os.getenv(
             "VENUELESS_DB_USER", config.get("database", "user", fallback="")
         ),
         "PASSWORD": os.getenv(
-            "VENUELESS_DB_PASS", config.get("database", "password", fallback="")
+            "VENUELESS_DB_PASS",
+            config.get("database", "password", fallback=""),
         ),
         "HOST": os.getenv(
             "VENUELESS_DB_HOST", config.get("database", "host", fallback="")
@@ -152,7 +155,8 @@
 
 
 REDIS_USE_PUBSUB = os.getenv(
-    "VENUELESS_REDIS_USE_PUBSUB", config.get("redis", "use_pubsub", fallback="false")
+    "VENUELESS_REDIS_USE_PUBSUB",
+    config.get("redis", "use_pubsub", fallback="false"),
 ) in (True, "yes", "on", "true", "True", "1")
 
 CHANNEL_LAYERS = {
@@ -175,12 +179,14 @@
 }
 
 SITE_URL = os.getenv(
-    "VENUELESS_SITE_URL", config.get("venueless", "url", fallback="http://localhost")
+    "VENUELESS_SITE_URL",
+    config.get("venueless", "url", fallback="http://localhost"),
 )
 ALLOWED_HOSTS = ["*"]
 
 SHORT_URL = os.getenv(
-    "VENUELESS_SHORT_URL", config.get("venueless", "short_url", fallback=SITE_URL)
+    "VENUELESS_SHORT_URL",
+    config.get("venueless", "short_url", fallback=SITE_URL),
 )
 
 if os.getenv("VENUELESS_COOKIE_DOMAIN", ""):
@@ -194,7 +200,8 @@
 )
 
 WEBSOCKET_PROTOCOL = os.getenv(
-    "VENUELESS_WEBSOCKET_PROTOCOL", config.get("websocket", "protocol", fallback="wss")
+    "VENUELESS_WEBSOCKET_PROTOCOL",
+    config.get("websocket", "protocol", fallback="wss"),
 )
 
 STORAGES = {
@@ -231,14 +238,16 @@
 
 
 TWITTER_CLIENT_ID = os.getenv(
-    "VENUELESS_TWITTER_CLIENT_ID", config.get("twitter", "client_id", fallback="")
+    "VENUELESS_TWITTER_CLIENT_ID",
+    config.get("twitter", "client_id", fallback=""),
 )
 TWITTER_CLIENT_SECRET = os.getenv(
     "VENUELESS_TWITTER_CLIENT_SECRET",
     config.get("twitter", "client_secret", fallback=""),
 )
 LINKEDIN_CLIENT_ID = os.getenv(
-    "VENUELESS_LINKEDIN_CLIENT_ID", config.get("linkedin", "client_id", fallback="")
+    "VENUELESS_LINKEDIN_CLIENT_ID",
+    config.get("linkedin", "client_id", fallback=""),
 )
 LINKEDIN_CLIENT_SECRET = os.getenv(
     "VENUELESS_LINKEDIN_CLIENT_SECRET",
@@ -400,7 +409,11 @@
         },
     },
     "loggers": {
-        "": {"handlers": ["file", "console"], "level": loglevel, "propagate": True},
+        "": {
+            "handlers": ["file", "console"],
+            "level": loglevel,
+            "propagate": True,
+        },
         "django.request": {
             "handlers": ["file", "console"],
             "level": loglevel,
diff --git a/server/venueless/social/views/linkedin.py b/server/venueless/social/views/linkedin.py
index 983ac2e0..4a0cb05b 100644
--- a/server/venueless/social/views/linkedin.py
+++ b/server/venueless/social/views/linkedin.py
@@ -18,7 +18,9 @@
 def start_view(request):
     try:
         data = loads(
-            request.GET.get("token"), salt="venueless.social.start", max_age=600
+            request.GET.get("token"),
+            salt="venueless.social.start",
+            max_age=600,
         )
     except BadSignature:
         return HttpResponse("Invalid request token", status=403)
@@ -120,9 +122,11 @@ def return_view(request):
         user,
         "linkedin",
         name=d["localizedFirstName"] + " " + d["localizedLastName"],
-        url=("https://www.linkedin.com/in/" + d["vanityName"])
-        if "vanityName" in d
-        else None,
+        url=(
+            ("https://www.linkedin.com/in/" + d["vanityName"])
+            if "vanityName" in d
+            else None
+        ),
         **kwargs,
     )
 
diff --git a/server/venueless/social/views/twitter.py b/server/venueless/social/views/twitter.py
index a042fd85..2f92725d 100644
--- a/server/venueless/social/views/twitter.py
+++ b/server/venueless/social/views/twitter.py
@@ -18,7 +18,9 @@
 def start_view(request):
     try:
         data = loads(
-            request.GET.get("token"), salt="venueless.social.start", max_age=600
+            request.GET.get("token"),
+            salt="venueless.social.start",
+            max_age=600,
         )
     except BadSignature:
         return HttpResponse("Invalid request token", status=403)
diff --git a/server/venueless/storage/migrations/0001_initial.py b/server/venueless/storage/migrations/0001_initial.py
index 88bddf39..fcd71d9e 100644
--- a/server/venueless/storage/migrations/0001_initial.py
+++ b/server/venueless/storage/migrations/0001_initial.py
@@ -50,7 +50,8 @@ class Migration(migrations.Migration):
                 (
                     "world",
                     models.ForeignKey(
-                        on_delete=django.db.models.deletion.PROTECT, to="core.World"
+                        on_delete=django.db.models.deletion.PROTECT,
+                        to="core.World",
                     ),
                 ),
             ],
diff --git a/server/venueless/storage/schedule_to_json.py b/server/venueless/storage/schedule_to_json.py
index 2936e62d..061d26e1 100644
--- a/server/venueless/storage/schedule_to_json.py
+++ b/server/venueless/storage/schedule_to_json.py
@@ -182,7 +182,11 @@ def convert(io, timezone=None):
             "url": "URL",
         },
         mandatory_fields=["Title", "Start", "End", "Room ID"],
-        methods={"start": to_event_iso, "end": to_event_iso, "speakers": to_list},
+        methods={
+            "start": to_event_iso,
+            "end": to_event_iso,
+            "speakers": to_list,
+        },
     )
     validate_data(result)
     return json.dumps(result, indent=4)
diff --git a/server/venueless/storage/urls.py b/server/venueless/storage/urls.py
index 2890ae7d..e7efd7d1 100644
--- a/server/venueless/storage/urls.py
+++ b/server/venueless/storage/urls.py
@@ -5,6 +5,8 @@
 urlpatterns = [
     path("upload/", views.UploadView.as_view(), name="upload"),
     path(
-        "schedule_import/", views.ScheduleImportView.as_view(), name="schedule_import"
+        "schedule_import/",
+        views.ScheduleImportView.as_view(),
+        name="schedule_import",
     ),
 ]
diff --git a/server/venueless/storage/views.py b/server/venueless/storage/views.py
index c8563a82..857f3ea7 100644
--- a/server/venueless/storage/views.py
+++ b/server/venueless/storage/views.py
@@ -1,6 +1,6 @@
 import logging
-from io import BytesIO
 import re
+from io import BytesIO
 
 from asgiref.sync import async_to_sync
 from django.core.exceptions import PermissionDenied, ValidationError
diff --git a/server/venueless/zoom/views.py b/server/venueless/zoom/views.py
index 7aec10d4..afeb7aaa 100644
--- a/server/venueless/zoom/views.py
+++ b/server/venueless/zoom/views.py
@@ -1,6 +1,6 @@
 import datetime
-from calendar import timegm
 import re
+from calendar import timegm
 
 import jwt
 from django.conf import settings
@@ -101,9 +101,9 @@ def get_context_data(self, **kwargs):
                 "support_chat": not inp["dc"],
                 "debug": settings.DEBUG,
                 "lang": get_closest_zoom_lang(self.world),
-                "langurl": "/zoom-de-DE.json"
-                if self.world.locale.startswith("de")
-                else "",
+                "langurl": (
+                    "/zoom-de-DE.json" if self.world.locale.startswith("de") else ""
+                ),
             }
         )
 
diff --git a/webapp/.eslintrc.js b/webapp/.eslintrc.js
index 8b0bbd1c..d25500eb 100644
--- a/webapp/.eslintrc.js
+++ b/webapp/.eslintrc.js
@@ -45,6 +45,7 @@ module.exports = {
 		camelcase: 0,
 		'babel/camelcase': ['error', {properties: 'never', ignoreDestructuring: true}],
 		'no-unused-expressions': 0,
-		'babel/no-unused-expressions': 1
+		'babel/no-unused-expressions': 1,
+		'space-before-function-paren': ['error', 'never']
 	}
 }
diff --git a/webapp/config.js b/webapp/config.js
index 4b8e6db4..616ed23e 100644
--- a/webapp/config.js
+++ b/webapp/config.js
@@ -3,8 +3,8 @@ import cloneDeep from 'lodash/cloneDeep'
 let config
 if (ENV_DEVELOPMENT || !window.venueless) {
 	const hostname = window.location.hostname
-	const wsProtocol = window.location.protocol === 'https:' ? 'wss' : 'ws';
-	const httpProtocol = window.location.protocol;
+	const wsProtocol = window.location.protocol === 'https:' ? 'wss' : 'ws'
+	const httpProtocol = window.location.protocol
 	config = {
 		api: {
 			base: `${httpProtocol}//${hostname}:8443/api/v1/worlds/sample/`,
@@ -17,8 +17,8 @@ if (ENV_DEVELOPMENT || !window.venueless) {
 		locales: ['en', 'de', 'pt_BR', 'ar', 'fr', 'es', 'uk', 'ru'],
 		theme: {
 			logo: {
-				url: "/eventyay-video-logo.svg",
-                fitToWidth: false
+				url: '/eventyay-video-logo.svg',
+				fitToWidth: false
 			},
 			colors: {
 				primary: '#2185d0',
diff --git a/webapp/src/App.vue b/webapp/src/App.vue
index a51a1c56..6bdf70d5 100644
--- a/webapp/src/App.vue
+++ b/webapp/src/App.vue
@@ -54,7 +54,7 @@ const chatbarModules = ['chat.native', 'question', 'poll']
 
 export default {
 	components: { AppBar, RoomsSidebar, MediaSource, GreetingPrompt, Notifications },
-	data () {
+	data() {
 		return {
 			themeVariables,
 			backgroundRoom: null,
@@ -66,34 +66,34 @@ export default {
 		...mapState(['fatalConnectionError', 'fatalError', 'connected', 'socketCloseCode', 'world', 'rooms', 'user', 'mediaSourcePlaceholderRect', 'userLocale', 'userTimezone']),
 		...mapState('notifications', ['askingPermission']),
 		...mapState('chat', ['call']),
-		room () {
+		room() {
 			if (this.$route.name.startsWith('admin')) return
 			if (this.$route.name === 'home') return this.rooms?.[0]
 			return this.rooms?.find(room => room.id === this.$route.params.roomId)
 		},
 		// TODO since this is used EVERYWHERE, use provide/inject?
-		modules () {
+		modules() {
 			return this.room?.modules.reduce((acc, module) => {
 				acc[module.type] = module
 				return acc
 			}, {})
 		},
-		roomHasMedia () {
+		roomHasMedia() {
 			return this.room?.modules.some(module => mediaModules.includes(module.type))
 		},
-		stageStreamCollapsed () {
+		stageStreamCollapsed() {
 			if (this.$mq.above.m) return false
 			return this.$refs.primaryMediaSource?.$refs.livestream ? !this.$refs.primaryMediaSource.$refs.livestream.playing : false
 		},
 		// force open sidebar on medium screens on home page (with no media) so certain people can find the menu
-		overrideSidebarCollapse () {
+		overrideSidebarCollapse() {
 			return this.$mq.below.l &&
 				this.$mq.above.m &&
 				this.$route.name === 'home' &&
 				!this.roomHasMedia
 		},
 		// safari cleverly includes the address bar cleverly in 100vh
-		mediaConstraintsStyle () {
+		mediaConstraintsStyle() {
 			const hasStageTools = this.room?.modules.some(module => stageToolModules.includes(module.type))
 			const hasChatbar = (
 				(this.room?.modules.length > 1 && this.room?.modules.some(module => chatbarModules.includes(module.type))) ||
@@ -112,7 +112,7 @@ export default {
 			}
 			return style
 		},
-		browserhackStyle () {
+		browserhackStyle() {
 			return {
 				'--vh100': this.windowHeight + 'px',
 				'--vh': this.windowHeight && (this.windowHeight / 100) + 'px'
@@ -124,53 +124,53 @@ export default {
 		rooms: 'roomListChange',
 		room: 'roomChange',
 		call: 'callChange',
-		$route () {
+		$route() {
 			this.showSidebar = false
 		},
 		stageStreamCollapsed: {
-			handler  () {
+			handler() {
 				this.$store.commit('updateStageStreamCollapsed', this.stageStreamCollapsed)
 			},
 			immediate: true
 		}
 	},
-	mounted () {
+	mounted() {
 		this.windowHeight = window.innerHeight
 		window.addEventListener('resize', this.onResize)
 		window.addEventListener('focus', this.onFocus, true)
 	},
-	destroyed () {
+	destroyed() {
 		window.removeEventListener('resize', this.onResize)
 		window.removeEventListener('focus', this.onFocus)
 	},
 	methods: {
-		onResize () {
+		onResize() {
 			this.windowHeight = window.innerHeight
 		},
-		onFocus () {
+		onFocus() {
 			this.$store.dispatch('notifications/clearDesktopNotifications')
 		},
-		toggleSidebar () {
+		toggleSidebar() {
 			this.showSidebar = !this.showSidebar
 		},
-		clearTokenAndReload () {
+		clearTokenAndReload() {
 			localStorage.removeItem('token')
 			location.reload()
 		},
-		reload () {
+		reload() {
 			location.reload()
 		},
-		worldChange () {
+		worldChange() {
 			// initial connect
 			document.title = this.world.title
 		},
-		callChange () {
+		callChange() {
 			if (this.call) {
 				// When a DM call starts, all other background media stops
 				this.backgroundRoom = null
 			}
 		},
-		roomChange (newRoom, oldRoom) {
+		roomChange(newRoom, oldRoom) {
 			// HACK find out why this is triggered often
 			if (newRoom === oldRoom) return
 			// TODO non-room urls
@@ -202,7 +202,7 @@ export default {
 				this.backgroundRoom = null
 			}
 		},
-		roomListChange () {
+		roomListChange() {
 			if (this.room && !this.rooms.includes(this.room)) {
 				this.$router.push('/').catch(() => {})
 			}
diff --git a/webapp/src/components/AVDevicePrompt.vue b/webapp/src/components/AVDevicePrompt.vue
index 16671cb3..498379c9 100644
--- a/webapp/src/components/AVDevicePrompt.vue
+++ b/webapp/src/components/AVDevicePrompt.vue
@@ -17,7 +17,7 @@ import Prompt from 'components/Prompt'
 export default {
 	components: {Prompt},
 	props: {},
-	data () {
+	data() {
 		return {
 			videoInput: localStorage.videoInput || '',
 			audioInput: localStorage.audioInput || '',
@@ -30,7 +30,7 @@ export default {
 		}
 	},
 	computed: {},
-	mounted () {
+	mounted() {
 		navigator.mediaDevices.enumerateDevices().then(this.gotDevices).catch((e) => {
 			console.warn(e)
 			alert('Could not access camera or microphone, is another program on your machine using it right now?')
@@ -38,7 +38,7 @@ export default {
 		})
 	},
 	methods: {
-		gotDevices (deviceInfos) {
+		gotDevices(deviceInfos) {
 			this.videoInputs = [
 				{
 					value: '',
@@ -79,7 +79,7 @@ export default {
 			}
 			this.refreshVideo()
 		},
-		refreshVideo () {
+		refreshVideo() {
 			console.log('refresh')
 			if (this.stream) {
 				this.stream.getTracks().forEach(track => {
@@ -101,7 +101,7 @@ export default {
 				// possibly "overconstrained" (camera doesn't exist)
 			})
 		},
-		save () {
+		save() {
 			localStorage.videoInput = this.videoInput || ''
 			localStorage.audioInput = this.audioInput || ''
 			localStorage.audioOutput = this.audioOutput || ''
diff --git a/webapp/src/components/AppBar.vue b/webapp/src/components/AppBar.vue
index 8ea28854..b73a8e20 100644
--- a/webapp/src/components/AppBar.vue
+++ b/webapp/src/components/AppBar.vue
@@ -24,14 +24,14 @@ export default {
 			default: false
 		}
 	},
-	data () {
+	data() {
 		return {
 			theme
 		}
 	},
 	computed: {
 		...mapState(['user', 'world']),
-		isAnonymous () {
+		isAnonymous() {
 			return Object.keys(this.user.profile).length === 0
 		},
 	}
diff --git a/webapp/src/components/AppDropdown.vue b/webapp/src/components/AppDropdown.vue
index 0c9c2f03..b6b6872d 100644
--- a/webapp/src/components/AppDropdown.vue
+++ b/webapp/src/components/AppDropdown.vue
@@ -1,82 +1,91 @@
 <template>
-    <div v-on-clickaway="away" :class="elClass">
-      <bunt-button @click="toggle">
-        <slot name="toggler"> Toggle </slot>
-        <svg
-          v-if="this.sharedState.active"
-          xmlns="http://www.w3.org/2000/svg"
-          width="1em"
-          height="1em"
-          viewBox="0 0 24 24"
-        >
-          <path fill="currentColor" d="m7 15l5-5l5 5z" />
-        </svg>
-        <svg
-          v-else
-          xmlns="http://www.w3.org/2000/svg"
-          width="1em"
-          height="1em"
-          viewBox="0 0 24 24"
-        >
-          <path fill="currentColor" d="m7 10l5 5l5-5z" />
-        </svg>
-      </bunt-button>
-      <slot />
-    </div>
-  </template>
-  <script>
-  import { computed } from 'vue';
+  <div
+    v-on-clickaway="away"
+    :class="elClass"
+  >
+    <bunt-button @click="toggle">
+      <slot name="toggler">
+        Toggle
+      </slot>
+      <svg
+        v-if="sharedState.active"
+        xmlns="http://www.w3.org/2000/svg"
+        width="1em"
+        height="1em"
+        viewBox="0 0 24 24"
+      >
+        <path
+          fill="currentColor"
+          d="m7 15l5-5l5 5z"
+        />
+      </svg>
+      <svg
+        v-else
+        xmlns="http://www.w3.org/2000/svg"
+        width="1em"
+        height="1em"
+        viewBox="0 0 24 24"
+      >
+        <path
+          fill="currentColor"
+          d="m7 10l5 5l5-5z"
+        />
+      </svg>
+    </bunt-button>
+    <slot />
+  </div>
+</template>
+<script>
 import { mixin as clickaway } from 'vue-clickaway'
-  
-  export default {
-      name: 'AppDropdown',
-      mixins: [clickaway],
-      props: {
-        className: {
-          type: String,
-          default: '',
-        },
-      },
-      provide () {
-          return {
-              sharedState: this.sharedState
-          }
-      },
-      data () {
-          return {
-              sharedState: {
-                  active: false,
-              },
-          }
-      },
-      methods: {
-          toggle () {
-              this.sharedState.active = !this.sharedState.active
-          },
-          away () {
-              this.sharedState.active = false
-          }
-      },
-      computed: {
-        elClass () {
-      return this.className ? this.className + " app-drop-down"  : 'app-drop-down'
-    },
-      }
-  }
-  </script>
+
+export default {
+	name: 'AppDropdown',
+	mixins: [clickaway],
+	props: {
+		className: {
+			type: String,
+			default: '',
+		},
+	},
+	provide() {
+		return {
+			sharedState: this.sharedState
+		}
+	},
+	data() {
+		return {
+			sharedState: {
+				active: false,
+			},
+		}
+	},
+	computed: {
+		elClass() {
+			return this.className ? this.className + ' app-drop-down' : 'app-drop-down'
+		},
+	},
+	methods: {
+		toggle() {
+			this.sharedState.active = !this.sharedState.active
+		},
+		away() {
+			this.sharedState.active = false
+		}
+	}
+}
+</script>
   <style>
   .app-drop-down {
     margin: 12px 4px 12px 14px;
     border-radius: 5px;
     border: 2px solid rgba(0, 0, 0, 0.38);
   }
-  
+
   .app-drop-down .bunt-button {
     background-color: white;
   }
-  
+
   .app-drop-down .bunt-button .bunt-button-content {
     text-transform: capitalize;
   }
   </style>
-  
\ No newline at end of file
diff --git a/webapp/src/components/AppDropdownContent.vue b/webapp/src/components/AppDropdownContent.vue
index 23d6a568..91fdebeb 100644
--- a/webapp/src/components/AppDropdownContent.vue
+++ b/webapp/src/components/AppDropdownContent.vue
@@ -1,6 +1,10 @@
 <template>
   <transition :name="elClass">
-    <div v-if="active" :class="elClass" @click.stop>
+    <div
+      v-if="active"
+      :class="elClass"
+      @click.stop
+    >
       <slot />
     </div>
   </transition>
@@ -10,19 +14,19 @@
 export default {
 	name: 'AppDropdownContent',
 	inject: ['sharedState'],
-  props: {
-    className: {
-      type: String,
-      default: '',
-    },
-  },
+	props: {
+		className: {
+			type: String,
+			default: '',
+		},
+	},
 	computed: {
-		active () {
+		active() {
 			return this.sharedState.active
 		},
-    elClass () {
-      return this.className ? this.className + " dropdown-content"  : 'dropdown-content'
-    },
+		elClass() {
+			return this.className ? this.className + ' dropdown-content' : 'dropdown-content'
+		},
 	},
 }
 </script>
@@ -63,7 +67,7 @@ export default {
   margin-left: 10px;
   flex: 1;
   white-space: normal;
-  overflow: hidden; 
+  overflow: hidden;
   text-overflow: ellipsis;
   text-align: left;
 }
@@ -72,7 +76,7 @@ export default {
   .dropdown-content {
     width: 70vw;
     left: 5vw;
-    right: auto; 
+    right: auto;
     max-width: calc(100% - 40px);
     min-width: 350px;
     margin-left: -20px;
diff --git a/webapp/src/components/AppDropdownItem.vue b/webapp/src/components/AppDropdownItem.vue
index 8143c17f..f402007e 100644
--- a/webapp/src/components/AppDropdownItem.vue
+++ b/webapp/src/components/AppDropdownItem.vue
@@ -1,11 +1,11 @@
 <template>
   <div>
-      <slot/>
+    <slot />
   </div>
 </template>
 
 <script>
 export default {
-  name: "AppDropdownItem"
-};
-</script>
\ No newline at end of file
+	name: 'AppDropdownItem'
+}
+</script>
diff --git a/webapp/src/components/AudioTranslationDropdown.vue b/webapp/src/components/AudioTranslationDropdown.vue
index ba03660c..c2a83b66 100644
--- a/webapp/src/components/AudioTranslationDropdown.vue
+++ b/webapp/src/components/AudioTranslationDropdown.vue
@@ -17,7 +17,7 @@ export default {
 			required: true
 		}
 	},
-	data () {
+	data() {
 		return {
 			selectedLanguage: null, // Selected language for audio translation
 			languageOptions: [] // Options for the dropdown
@@ -26,13 +26,13 @@ export default {
 	watch: {
 		languages: {
 			immediate: true,
-			handler (newLanguages) {
+			handler(newLanguages) {
 				this.languageOptions = newLanguages.map(entry => entry.language) // Directly assigning the list of languages
 			}
 		}
 	},
 	methods: {
-		sendLanguageChange () {
+		sendLanguageChange() {
 			const selected = this.languages.find(item => item.language === this.selectedLanguage)
 			this.$emit('languageChanged', selected.youtube_id || null)
 		}
diff --git a/webapp/src/components/Avatar.vue b/webapp/src/components/Avatar.vue
index fee738d0..54e0b58c 100644
--- a/webapp/src/components/Avatar.vue
+++ b/webapp/src/components/Avatar.vue
@@ -14,11 +14,11 @@ export default {
 		size: Number
 	},
 	computed: {
-		gravatarAvatarUrl () {
+		gravatarAvatarUrl() {
 			if (!this.user.profile?.gravatar_hash) return
 			return getAvatarUrl(this.user.profile.gravatar_hash, this.size)
 		},
-		imageUrl () {
+		imageUrl() {
 			return this.user.profile?.avatar?.url ?? this.gravatarAvatarUrl
 		}
 	}
diff --git a/webapp/src/components/ChannelBrowser.vue b/webapp/src/components/ChannelBrowser.vue
index af5fdf57..42b15a8e 100644
--- a/webapp/src/components/ChannelBrowser.vue
+++ b/webapp/src/components/ChannelBrowser.vue
@@ -25,7 +25,7 @@ import fuzzysearch from 'lib/fuzzysearch'
 
 export default {
 	components: { Prompt },
-	data () {
+	data() {
 		return {
 			search: ''
 		}
@@ -34,12 +34,12 @@ export default {
 		...mapState(['rooms']),
 		...mapState('chat', ['joinedChannels']),
 		...mapGetters(['hasPermission']),
-		channels () {
+		channels() {
 			return this.rooms
 				.filter(room => room.modules.length === 1 && room.modules[0].type === 'chat.native')
 				.map(room => ({room, channelJoined: this.joinedChannels.some(channel => channel.id === room.modules[0].channel_id)}))
 		},
-		searchedChannels () {
+		searchedChannels() {
 			if (!this.search) return this.channels
 			return this.channels.filter(channel => fuzzysearch(this.search.toLowerCase(), channel.room.name.toLowerCase()) || fuzzysearch(this.search.toLowerCase(), channel.room.description?.toLowerCase()))
 		}
diff --git a/webapp/src/components/Chat.vue b/webapp/src/components/Chat.vue
index 609338e5..25cfbba7 100644
--- a/webapp/src/components/Chat.vue
+++ b/webapp/src/components/Chat.vue
@@ -58,7 +58,7 @@ export default {
 			default: true
 		}
 	},
-	data () {
+	data() {
 		return {
 			userCardUser: null,
 			scrollPosition: 0,
@@ -70,7 +70,7 @@ export default {
 		...mapState('chat', ['channel', 'members', 'usersLookup', 'timeline', 'fetchingMessages', 'warnings']),
 		...mapGetters('chat', ['activeJoinedChannel']),
 		...mapState('poll', ['polls']),
-		filteredTimeline () {
+		filteredTimeline() {
 			// We want to hide join/leave event (a) in rooms with force join (b) in stage chats (c) in direct messages
 			const showJoinleave = this.mode === 'standalone' && this.room && !this.room.force_join
 			return this.timeline.filter(message =>
@@ -80,7 +80,7 @@ export default {
 				(!message.content.poll_id || this.polls?.find(poll => poll.id === message.content.poll_id))
 			)
 		},
-		sortedMembers () {
+		sortedMembers() {
 			return this.members.slice().sort((a, b) => {
 				const aBadges = a.badges?.length || 0
 				const bBadges = b.badges?.length || 0
@@ -92,20 +92,20 @@ export default {
 				return bBadges - aBadges
 			})
 		},
-		mergedWarning () {
+		mergedWarning() {
 			if (this.warnings.length === 0) return null
 			// TODO dedupe users
 			return { missed_users: this.warnings.map(warning => warning.missed_users.map(user => '@' + user.id)).flat() }
 		}
 	},
 	watch: {
-		connected (value) {
+		connected(value) {
 			if (value) {
 				// resubscribe
 				this.$store.dispatch('chat/subscribe', {channel: this.module.channel_id, config: this.module.config})
 			}
 		},
-		async filteredTimeline () {
+		async filteredTimeline() {
 			await this.$nextTick()
 			// TODO scroll to bottom when resizing
 			// restore scrollPosition after load
@@ -114,35 +114,35 @@ export default {
 			this.$emit('change')
 		}
 	},
-	created () {
+	created() {
 		this.$store.dispatch('chat/subscribe', {channel: this.module.channel_id, config: this.module.config})
 	},
-	beforeDestroy () {
+	beforeDestroy() {
 		this.$store.dispatch('chat/unsubscribe')
 	},
 	methods: {
-		fetchMessages () {
+		fetchMessages() {
 			this.syncedScroll = false
 			this.$store.dispatch('chat/fetchMessages')
 		},
-		timelineScrolled (event) {
+		timelineScrolled(event) {
 			const scrollEl = this.$refs.timeline.$refs.content
 			this.scrollPosition = scrollEl.scrollHeight - scrollEl.scrollTop - scrollEl.clientHeight
 		},
-		onResize () {
+		onResize() {
 			this.refreshScrollbar()
 		},
-		refreshScrollbar () {
+		refreshScrollbar() {
 			const scrollEl = this.$refs.timeline.$refs.content
 			this.$refs.timeline.scrollTop(scrollEl.scrollHeight - this.scrollPosition - scrollEl.clientHeight)
 		},
-		join () {
+		join() {
 			this.$store.dispatch('chat/join')
 		},
-		send (content) {
+		send(content) {
 			this.$store.dispatch('chat/sendMessage', {content})
 		},
-		async showUserCard (event, user, placement = 'left-start') {
+		async showUserCard(event, user, placement = 'left-start') {
 			console.log(user.id)
 			this.userCardUser = user
 			await this.$nextTick()
diff --git a/webapp/src/components/ChatContent.vue b/webapp/src/components/ChatContent.vue
index b4fb4aa6..661adeaf 100644
--- a/webapp/src/components/ChatContent.vue
+++ b/webapp/src/components/ChatContent.vue
@@ -18,7 +18,7 @@ markdownIt.use(markdownEmoji)
 
 const mentionRegex = /(@[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12})/g
 
-export async function contentToPlainText (content) {
+export async function contentToPlainText(content) {
 	const parts = content.split(mentionRegex)
 	let plaintext = ''
 
@@ -61,7 +61,7 @@ export default {
         </modal>
       `,
 			methods: {
-				closeUserModal () {
+				closeUserModal() {
 					this.$emit('close')
 				}
 			}
@@ -70,21 +70,21 @@ export default {
 	props: {
 		content: String
 	},
-	data () {
+	data() {
 		return {
 			selectedUser: null
 		}
 	},
 	methods: {
-		showUserModal (user) {
+		showUserModal(user) {
 			this.selectedUser = user
 			this.$modal.show('user-modal')
 		},
-		closeUserModal () {
+		closeUserModal() {
 			this.$modal.hide('user-modal')
 		}
 	},
-	render (createElement, ctx) {
+	render(createElement, ctx) {
 		const parts = ctx.props.content.split(mentionRegex)
 		const content = parts.map(string => {
 			if (string.match(mentionRegex)) {
diff --git a/webapp/src/components/ChatInput.vue b/webapp/src/components/ChatInput.vue
index 8b10123b..7d14fae2 100644
--- a/webapp/src/components/ChatInput.vue
+++ b/webapp/src/components/ChatInput.vue
@@ -50,7 +50,7 @@ export default {
 	props: {
 		message: Object // initialize with existing message to edit
 	},
-	data () {
+	data() {
 		return {
 			files: [],
 			uploading: false,
@@ -58,7 +58,7 @@ export default {
 		}
 	},
 	computed: {
-		autocompleteCoordinates () {
+		autocompleteCoordinates() {
 			// TODO bound to right edge
 			if (!this.autocomplete?.range) return null
 			const bounds = this.quill.getBounds(this.autocomplete.range.index, this.autocomplete.range.length)
@@ -70,7 +70,7 @@ export default {
 		}
 	},
 	watch: {
-		async 'autocomplete.search' (search) {
+		async 'autocomplete.search'(search) {
 			// TODO debounce?
 			if (!this.autocomplete) return
 			if (this.autocomplete.type === 'mention') {
@@ -83,7 +83,7 @@ export default {
 			}
 		}
 	},
-	mounted () {
+	mounted() {
 		this.quill = new Quill(this.$refs.editor, {
 			debug: ENV_DEVELOPMENT ? 'info' : 'warn',
 			placeholder: this.$t('ChatInput:input:placeholder'),
@@ -126,7 +126,7 @@ export default {
 		}
 	},
 	methods: {
-		onTextChange (delta, oldDelta, source) {
+		onTextChange(delta, oldDelta, source) {
 			if (source !== 'user') return
 			const selection = this.quill.getSelection()
 			if (selection === null) return
@@ -156,37 +156,37 @@ export default {
 				this.autocomplete = null
 			}
 		},
-		onSelectionChange (range, oldRange, source) {
+		onSelectionChange(range, oldRange, source) {
 			// TODO check mentions
 		},
-		handleEnter () {
+		handleEnter() {
 			if (this.autocomplete) return this.handleMention()
 			return this.send()
 		},
-		handleTab () {
+		handleTab() {
 			if (this.autocomplete) return this.handleMention()
 			return true
 		},
-		handleArrayUp () {
+		handleArrayUp() {
 			if (!this.autocomplete) return true
 			this.autocomplete.selected = Math.max(0, this.autocomplete.selected - 1)
 		},
-		handleArrayDown () {
+		handleArrayDown() {
 			if (!this.autocomplete) return true
 			this.autocomplete.selected = Math.min(this.autocomplete.options.length - 1, this.autocomplete.selected + 1)
 		},
-		handleEscape () {
+		handleEscape() {
 			if (!this.autocomplete) return true
 			this.closeAutocomplete()
 		},
-		closeAutocomplete () {
+		closeAutocomplete() {
 			this.quill.setSelection(this.autocomplete.selection)
 			this.autocomplete = null
 		},
-		selectMention (index) {
+		selectMention(index) {
 			this.autocomplete.selected = index
 		},
-		handleMention () {
+		handleMention() {
 			if (!this.autocomplete) return
 			this.quill.deleteText(this.autocomplete.range.index, this.autocomplete.range.length)
 			const user = this.autocomplete.options[this.autocomplete.selected]
@@ -197,7 +197,7 @@ export default {
 			this.quill.setSelection(this.autocomplete.range.index + 1, 0)
 			this.autocomplete = null
 		},
-		send () {
+		send() {
 			const contents = this.quill.getContents()
 			let text = ''
 			console.log(contents)
@@ -226,7 +226,7 @@ export default {
 			}
 			this.quill.setContents([{insert: '\n'}])
 		},
-		async attachFiles (event) {
+		async attachFiles(event) {
 			const files = Array.from(event.target.files)
 			if (files.length === 0) return
 
@@ -248,13 +248,13 @@ export default {
 			this.files.push(...fileInfos)
 			this.uploading = false
 		},
-		addEmoji (emoji) {
+		addEmoji(emoji) {
 			// TODO skin color
 			const selection = this.quill.getSelection(true)
 			this.quill.updateContents(new Delta().retain(selection.index).delete(selection.length).insert({emoji: emoji.native}), 'user')
 			this.quill.setSelection(selection.index + 1, 0)
 		},
-		removeFile (file) {
+		removeFile(file) {
 			const index = this.files.indexOf(file)
 			if (index > -1) {
 				this.files.splice(index, 1)
diff --git a/webapp/src/components/ChatMessage.vue b/webapp/src/components/ChatMessage.vue
index bd6fbaf4..e21bfd07 100644
--- a/webapp/src/components/ChatMessage.vue
+++ b/webapp/src/components/ChatMessage.vue
@@ -101,7 +101,7 @@ export default {
 			default: false
 		}
 	},
-	data () {
+	data() {
 		return {
 			selected: false,
 			editing: false,
@@ -116,10 +116,10 @@ export default {
 		...mapState('chat', ['usersLookup']),
 		...mapState('poll', ['polls']),
 		...mapGetters(['hasPermission']),
-		isSystemMessage () {
+		isSystemMessage() {
 			return this.message.event_type !== 'channel.message'
 		},
-		avatarSize () {
+		avatarSize() {
 			if (this.message.event_type === 'channel.member') {
 				return 20
 			} else if (this.mode === 'standalone') {
@@ -127,13 +127,13 @@ export default {
 			}
 			return 28
 		},
-		sender () {
+		sender() {
 			return this.usersLookup[this.message.sender] || {id: this.message.sender, badges: {}}
 		},
-		senderDisplayName () {
+		senderDisplayName() {
 			return getUserName(this.sender)
 		},
-		timestamp () {
+		timestamp() {
 			const timestamp = moment(this.message.timestamp)
 			if (this.previousMessage && timestamp.isSame(this.previousMessage.timestamp, 'day')) {
 				return timestamp.format(TIME_FORMAT)
@@ -141,27 +141,27 @@ export default {
 				return timestamp.format(DATETIME_FORMAT)
 			}
 		},
-		shortTimestamp () {
+		shortTimestamp() {
 			// The timestamp below avatars can only accommodate exactly this length
 			// We don't format to HH or hh to make sure the number is the same as in timestamp above
 			return moment(this.message.timestamp).format(TIME_FORMAT).split(' ')[0]
 		},
-		mergeWithPreviousMessage () {
+		mergeWithPreviousMessage() {
 			return this.previousMessage && !this.isSystemMessage && this.previousMessage.event_type === 'channel.message' && this.previousMessage.sender === this.message.sender && moment(this.message.timestamp).diff(this.previousMessage.timestamp, 'minutes') < 15
 		},
-		mergeWithNextMessage () {
+		mergeWithNextMessage() {
 			return this.nextMessage && !this.isSystemMessage && this.nextMessage.event_type === 'channel.message' && this.nextMessage.sender === this.message.sender && moment(this.nextMessage.timestamp).diff(this.message.timestamp, 'minutes') < 15
 		},
-		poll () {
+		poll() {
 			return this.polls?.find(p => p.id === this.message.content?.poll_id)
 		}
 	},
 	methods: {
 		getUserName,
-		addReaction (emoji) {
+		addReaction(emoji) {
 			this.$store.dispatch('chat/addReaction', {message: this.message, reaction: emoji.native})
 		},
-		toggleReaction (emoji, users) {
+		toggleReaction(emoji, users) {
 			if (users.includes(this.user.id)) {
 				if (users.length === 1) {
 					this.reactionTooltip = null
@@ -171,7 +171,7 @@ export default {
 				this.$store.dispatch('chat/addReaction', {message: this.message, reaction: emoji})
 			}
 		},
-		async initReactionTooltip (event, {emoji, users}) {
+		async initReactionTooltip(event, {emoji, users}) {
 			this.reactionTooltip = {
 				emoji,
 				// TODO 'and you'
@@ -187,19 +187,19 @@ export default {
 				],
 			})
 		},
-		startEditingMessage () {
+		startEditingMessage() {
 			this.selected = false
 			this.editing = true
 		},
-		editMessage (content) {
+		editMessage(content) {
 			this.editing = false
 			this.$store.dispatch('chat/editMessage', {message: this.message, content})
 		},
-		deleteMessage () {
+		deleteMessage() {
 			this.$store.dispatch('chat/deleteMessage', this.message)
 			this.showDeletePrompt = false
 		},
-		handleMentionClick (event, user, placement) {
+		handleMentionClick(event, user, placement) {
 			this.$emit('showUserCard', event, user, placement)
 		}
 	}
diff --git a/webapp/src/components/ChatUserCard.vue b/webapp/src/components/ChatUserCard.vue
index 90eff087..66dfa333 100644
--- a/webapp/src/components/ChatUserCard.vue
+++ b/webapp/src/components/ChatUserCard.vue
@@ -43,7 +43,7 @@ export default {
 	props: {
 		user: Object,
 	},
-	data () {
+	data() {
 		return {
 			blockedUsers: null,
 			showMoreActions: false,
@@ -58,11 +58,11 @@ export default {
 			world: 'world'
 		}),
 		...mapGetters(['hasPermission']),
-		isBlocked () {
+		isBlocked() {
 			if (!this.blockedUsers) return
 			return this.blockedUsers.some(user => user.id === this.user.id)
 		},
-		userStates () {
+		userStates() {
 			const states = []
 			if (this.isBlocked) {
 				states.push('blocked')
@@ -73,17 +73,17 @@ export default {
 			return states
 		}
 	},
-	async created () {
+	async created() {
 		this.onlineStatus = (await api.call('user.online_status', {ids: [this.user.id]}))[this.user.id]
 		this.blockedUsers = (await api.call('user.list.blocked')).users
 	},
 	methods: {
 		getUserName,
-		async openDM () {
+		async openDM() {
 			// TODO loading indicator
 			await this.$store.dispatch('chat/openDirectMessage', {users: [this.user]})
 		},
-		async startCall () {
+		async startCall() {
 			const channel = await this.$store.dispatch('chat/openDirectMessage', {users: [this.user]})
 			await this.$store.dispatch('chat/startCall', {channel})
 		}
diff --git a/webapp/src/components/ContactExhibitorPrompt.vue b/webapp/src/components/ContactExhibitorPrompt.vue
index 2eace7de..92de1a04 100644
--- a/webapp/src/components/ContactExhibitorPrompt.vue
+++ b/webapp/src/components/ContactExhibitorPrompt.vue
@@ -22,22 +22,22 @@ export default {
 	props: {
 		exhibitor: Object,
 	},
-	data () {
+	data() {
 		return {
 			timer: 31,
 			request: null
 		}
 	},
-	async created () {
+	async created() {
 		// TODO error handling
 		this.tickTimer()
 		this.request = (await api.call('exhibition.contact', {exhibitor: this.exhibitor.id})).contact_request
 	},
-	beforeDestroy () {
+	beforeDestroy() {
 		clearTimeout(this.ticker)
 	},
 	methods: {
-		async tickTimer () {
+		async tickTimer() {
 			if (this.timer > 0) {
 				this.timer--
 				this.ticker = setTimeout(this.tickTimer, 1000)
@@ -45,7 +45,7 @@ export default {
 				await api.call('exhibition.contact_cancel', {contact_request: this.request.id})
 			}
 		},
-		async cancel () {
+		async cancel() {
 			if (this.timer > 0) await api.call('exhibition.contact_cancel', {contact_request: this.request.id})
 			this.$emit('close')
 		},
diff --git a/webapp/src/components/CopyableText.vue b/webapp/src/components/CopyableText.vue
index c04d57de..fa713d0c 100644
--- a/webapp/src/components/CopyableText.vue
+++ b/webapp/src/components/CopyableText.vue
@@ -9,18 +9,18 @@ export default {
 	props: {
 		text: String
 	},
-	data () {
+	data() {
 		return {
 			copied: false
 		}
 	},
 	computed: {},
-	async created () {},
-	async mounted () {
+	async created() {},
+	async mounted() {
 		await this.$nextTick()
 	},
 	methods: {
-		async copy () {
+		async copy() {
 			await navigator.clipboard.writeText(this.text)
 			this.copied = true
 			setTimeout(() => {
diff --git a/webapp/src/components/CreateChatPrompt.vue b/webapp/src/components/CreateChatPrompt.vue
index 8d727f17..dacf2f6c 100644
--- a/webapp/src/components/CreateChatPrompt.vue
+++ b/webapp/src/components/CreateChatPrompt.vue
@@ -19,7 +19,7 @@ import Prompt from 'components/Prompt'
 
 export default {
 	components: { Prompt },
-	data () {
+	data() {
 		return {
 			name: '',
 			description: '',
@@ -29,7 +29,7 @@ export default {
 	},
 	computed: {
 		...mapGetters(['hasPermission']),
-		types () {
+		types() {
 			const types = []
 			if (this.hasPermission('world:rooms.create.chat')) {
 				types.push({
@@ -47,17 +47,17 @@ export default {
 			}
 			return types
 		},
-		selectedType () {
+		selectedType() {
 			return this.types.find(type => type.id === this.type)
 		}
 	},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
 	methods: {
-		async create () {
+		async create() {
 			this.loading = true
 			const modules = []
 			if (this.type === 'text') {
diff --git a/webapp/src/components/CreateDmPrompt.vue b/webapp/src/components/CreateDmPrompt.vue
index a74c0d38..6a29b2ee 100644
--- a/webapp/src/components/CreateDmPrompt.vue
+++ b/webapp/src/components/CreateDmPrompt.vue
@@ -12,7 +12,7 @@ import UserSelect from 'components/UserSelect'
 
 export default {
 	components: { Prompt, UserSelect },
-	data () {
+	data() {
 		return {
 			selectedUser: null
 		}
@@ -22,7 +22,7 @@ export default {
 		...mapState(['user'])
 	},
 	methods: {
-		async create (users) {
+		async create(users) {
 			// TODO error handling, progress
 			await this.$store.dispatch('chat/openDirectMessage', {users: users})
 			this.$emit('close')
diff --git a/webapp/src/components/CreateStagePrompt.vue b/webapp/src/components/CreateStagePrompt.vue
index 2848b478..bc14790d 100644
--- a/webapp/src/components/CreateStagePrompt.vue
+++ b/webapp/src/components/CreateStagePrompt.vue
@@ -15,7 +15,7 @@ import { required, url } from 'lib/validators'
 
 export default {
 	components: { Prompt },
-	data () {
+	data() {
 		return {
 			name: '',
 			url: '',
@@ -34,7 +34,7 @@ export default {
 		}
 	},
 	methods: {
-		async create () {
+		async create() {
 			this.error = null
 			this.$v.$touch()
 			if (this.$v.$invalid) return
diff --git a/webapp/src/components/EmojiPicker.vue b/webapp/src/components/EmojiPicker.vue
index e74ef14d..f2f01630 100644
--- a/webapp/src/components/EmojiPicker.vue
+++ b/webapp/src/components/EmojiPicker.vue
@@ -10,19 +10,19 @@ import emojiSheet from 'emoji-datasource-twitter/img/twitter/sheets-256/64.png'
 
 export default {
 	components: {},
-	data () {
+	data() {
 		return {
 		}
 	},
 	computed: {},
-	mounted () {
+	mounted() {
 		const picker = h(NimblePicker, {
 			set: 'twitter',
 			data,
 			onSelect: this.$emit.bind(this, 'selected'),
 			title: 'Emoji',
 			showPreview: true,
-			backgroundImageFn (set, sheetSize) {
+			backgroundImageFn(set, sheetSize) {
 				return emojiSheet
 			}
 		})
diff --git a/webapp/src/components/EmojiPickerButton.vue b/webapp/src/components/EmojiPickerButton.vue
index 481d637a..bc79aaf9 100644
--- a/webapp/src/components/EmojiPickerButton.vue
+++ b/webapp/src/components/EmojiPickerButton.vue
@@ -35,19 +35,19 @@ export default {
 			default: () => ([-3, 8])
 		}
 	},
-	data () {
+	data() {
 		return {
 			showEmojiPicker: false
 		}
 	},
 	computed: {},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
 	methods: {
-		async toggle (event) {
+		async toggle(event) {
 			if (this.showEmojiPicker) {
 				this.showEmojiPicker = false
 				return
@@ -67,7 +67,7 @@ export default {
 				]
 			})
 		},
-		selected (emoji) {
+		selected(emoji) {
 			this.showEmojiPicker = false
 			this.$emit('selected', emoji)
 		}
diff --git a/webapp/src/components/Exhibition.vue b/webapp/src/components/Exhibition.vue
index 91d781ec..f540e7f6 100644
--- a/webapp/src/components/Exhibition.vue
+++ b/webapp/src/components/Exhibition.vue
@@ -16,16 +16,16 @@ export default {
 	props: {
 		room: Object
 	},
-	data () {
+	data() {
 		return {
 			exhibitors: null
 		}
 	},
 	computed: {},
-	async created () {
+	async created() {
 		this.exhibitors = (await api.call('exhibition.list', {room: this.room.id})).exhibitors
 	},
-	mounted () {
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
diff --git a/webapp/src/components/FeedbackPrompt.vue b/webapp/src/components/FeedbackPrompt.vue
index 0abec1ec..ebe4b0fc 100644
--- a/webapp/src/components/FeedbackPrompt.vue
+++ b/webapp/src/components/FeedbackPrompt.vue
@@ -19,14 +19,14 @@ export default {
 		module: String,
 		collectTrace: Function,
 	},
-	data () {
+	data() {
 		return {
 			loading: false,
 			message: '',
 		}
 	},
 	methods: {
-		async submit () {
+		async submit() {
 			this.loading = true
 			const response = await fetch(config.api.feedback, {
 				method: 'POST',
diff --git a/webapp/src/components/Identicon.vue b/webapp/src/components/Identicon.vue
index 8ac0c566..178ecc3e 100644
--- a/webapp/src/components/Identicon.vue
+++ b/webapp/src/components/Identicon.vue
@@ -14,7 +14,7 @@ export default {
 		}
 	},
 	computed: {
-		url () {
+		url() {
 			return renderIdenticonUrl(this.user, this.identiconStyle)
 		}
 	}
diff --git a/webapp/src/components/IframeBlocker.vue b/webapp/src/components/IframeBlocker.vue
index 2f3d5022..dd21accf 100644
--- a/webapp/src/components/IframeBlocker.vue
+++ b/webapp/src/components/IframeBlocker.vue
@@ -16,36 +16,36 @@ export default {
 	props: {
 		src: String
 	},
-	data () {
+	data() {
 		return {
 			showingOnce: false,
 			remember: false
 		}
 	},
 	computed: {
-		domain () {
+		domain() {
 			if (typeof this.src !== 'string') return
 			return new URL(this.src).host
 		},
-		config () {
+		config() {
 			console.log(store.state.world.iframe_blockers, this.domain)
 			for (const [domain, domainConfig] of Object.entries(store.state.world.iframe_blockers)) {
 				if (this.domain === domain || this.domain.endsWith('.' + domain)) return domainConfig
 			}
 			return store.state.world.iframe_blockers.default
 		},
-		showIframe () {
+		showIframe() {
 			return this.showingOnce ||
 				store.state.unblockedIframeDomains.has(this.domain) ||
 				!this.config.enabled
 		}
 	},
-	async created () {},
-	async mounted () {
+	async created() {},
+	async mounted() {
 		await this.$nextTick()
 	},
 	methods: {
-		showOnce () {
+		showOnce() {
 			if (this.remember) {
 				store.dispatch('unblockIframeDomain', this.domain)
 			}
diff --git a/webapp/src/components/IframePage.vue b/webapp/src/components/IframePage.vue
index 4e8a121b..8cdd1413 100644
--- a/webapp/src/components/IframePage.vue
+++ b/webapp/src/components/IframePage.vue
@@ -15,7 +15,7 @@ export default {
 			required: true
 		}
 	},
-	data () {
+	data() {
 		return {
 			loading: false,
 		}
@@ -23,24 +23,24 @@ export default {
 	computed: {
 		...mapState(['user']),
 
-		url () {
+		url() {
 			let url = this.module.config.url
 			url = url.replace('{display_name}', encodeURIComponent(this.user.profile.display_name))
 			url = url.replace('{id}', encodeURIComponent(this.user.id))
 			return url
 		}
 	},
-	mounted () {
+	mounted() {
 		window.addEventListener('message', this.onMessage)
 	},
-	beforeDestroy () {
+	beforeDestroy() {
 		window.removeEventListener('message', this.onMessage)
 	},
 	methods: {
-		loaded () {
+		loaded() {
 			this.loading = false
 		},
-		onMessage (event) {
+		onMessage(event) {
 			if (event.data.action === 'router.push' && event.data.location) {
 				this.$router.push(event.data.location)
 			} else {
diff --git a/webapp/src/components/InfiniteScroll.vue b/webapp/src/components/InfiniteScroll.vue
index af2524cf..2da2729e 100644
--- a/webapp/src/components/InfiniteScroll.vue
+++ b/webapp/src/components/InfiniteScroll.vue
@@ -8,19 +8,19 @@ export default {
 	props: {
 		loading: Boolean
 	},
-	data () {
+	data() {
 		return {
 			isIntersecting: false
 		}
 	},
 	computed: {},
 	watch: {
-		loading () {
+		loading() {
 			if (!this.loading && this.isIntersecting) this.$emit('load')
 		}
 	},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		const scrollParent = this.$el.closest('.bunt-scrollbars')
 		this.observer = new IntersectionObserver(this.intersected, {
 			root: scrollParent,
@@ -29,7 +29,7 @@ export default {
 		this.observer.observe(this.$el)
 	},
 	methods: {
-		intersected (event) {
+		intersected(event) {
 			this.isIntersecting = event[0].isIntersecting
 			if (!this.loading && this.isIntersecting) this.$emit('load')
 		}
diff --git a/webapp/src/components/JanusCall.vue b/webapp/src/components/JanusCall.vue
index 92446d60..682e2b38 100644
--- a/webapp/src/components/JanusCall.vue
+++ b/webapp/src/components/JanusCall.vue
@@ -24,7 +24,7 @@ export default {
 		},
 		background: Boolean
 	},
-	data () {
+	data() {
 		return {
 			server: null,
 			token: null,
@@ -37,7 +37,7 @@ export default {
 	},
 	computed: {
 	},
-	async created () {
+	async created() {
 		this.loading = true
 		this.error = null
 		try {
diff --git a/webapp/src/components/JanusChannelCall.vue b/webapp/src/components/JanusChannelCall.vue
index 7cdeff58..91e4eb38 100644
--- a/webapp/src/components/JanusChannelCall.vue
+++ b/webapp/src/components/JanusChannelCall.vue
@@ -18,7 +18,7 @@ export default {
 		},
 		background: Boolean
 	},
-	data () {
+	data() {
 		return {
 			server: null,
 			token: null,
@@ -29,7 +29,7 @@ export default {
 	},
 	computed: {
 	},
-	async created () {
+	async created() {
 		this.server = this.call.parameters.server
 		this.token = this.call.parameters.token
 		this.iceServers = this.call.parameters.iceServers
diff --git a/webapp/src/components/LandingPage.vue b/webapp/src/components/LandingPage.vue
index 16800766..2c82b3d4 100644
--- a/webapp/src/components/LandingPage.vue
+++ b/webapp/src/components/LandingPage.vue
@@ -62,7 +62,7 @@ export default {
 	props: {
 		module: Object
 	},
-	data () {
+	data() {
 		return {
 			moment,
 			sponsors: null,
@@ -73,11 +73,11 @@ export default {
 		...mapState(['now', 'rooms']),
 		...mapState('schedule', ['schedule']),
 		...mapGetters('schedule', ['sessions', 'favs']),
-		featuredSessions () {
+		featuredSessions() {
 			if (!this.sessions) return
 			return this.sessions.filter(session => session.featured)
 		},
-		nextSessions () {
+		nextSessions() {
 			if (!this.sessions) return
 			// current or next sessions per room
 			const sessions = []
@@ -88,14 +88,14 @@ export default {
 			}
 			return sessions
 		},
-		speakers () {
+		speakers() {
 			return this.schedule?.speakers.slice().sort((a, b) => a.name.split(' ').at(-1).localeCompare(b.name.split(' ').at(-1)))
 		},
-		hasMainContent () {
+		hasMainContent() {
 			return this.module.config.main_content?.ops?.some(op => op.insert.trim() !== '')
 		},
 	},
-	async mounted () {
+	async mounted() {
 		// TODO make this configurable?
 		const sponsorRoom = this.rooms.find(r => r.id === this.module.config.sponsor_room_id)
 		if (!sponsorRoom) return
@@ -126,7 +126,7 @@ export default {
 		this.sponsorSplide = splide
 	},
 	methods: {
-		onSponsorImageLoad (sponsorId) {
+		onSponsorImageLoad(sponsorId) {
 			this.loadedSponsorImages.push(sponsorId)
 			if (this.loadedSponsorImages.length === this.sponsors.length) {
 				this.sponsorSplide.refresh()
diff --git a/webapp/src/components/Livestream.vue b/webapp/src/components/Livestream.vue
index f333fd42..02b0c6d3 100644
--- a/webapp/src/components/Livestream.vue
+++ b/webapp/src/components/Livestream.vue
@@ -84,7 +84,7 @@ export default {
 			default: true
 		}
 	},
-	data () {
+	data() {
 		return {
 			theme,
 			isLive: null,
@@ -116,10 +116,10 @@ export default {
 	computed: {
 		...mapState(['streamingRoom']),
 		...mapGetters(['autoplay']),
-		seekable () {
+		seekable() {
 			return this.isLive === false || config.seekableLiveStreams
 		},
-		progressStyles () {
+		progressStyles() {
 			return {
 				play: {
 					'--play-progress': this.currentTime / this.duration
@@ -130,16 +130,16 @@ export default {
 				}))
 			}
 		},
-		hoveredTime () {
+		hoveredTime() {
 			return this.hoveredProgress * this.duration
 		},
-		levelIcon () {
+		levelIcon() {
 			const level = this.manualLevel || this.autoLevel
 			if (!level || level.height < 480) return 'quality-low'
 			if (level.height < 720) return 'quality-medium'
 			return 'quality-high'
 		},
-		hlsUrl () {
+		hlsUrl() {
 			if (this.chosenAlternative) {
 				const alternative = (this.module.config.alternatives || []).find((a) => a.label === this.chosenAlternative)
 				if (alternative) {
@@ -148,21 +148,21 @@ export default {
 			}
 			return this.module.config.hls_url
 		},
-		hasAlternativeStreams () {
+		hasAlternativeStreams() {
 			return this.module.config.alternatives?.length > 0
 		}
 	},
 	watch: {
 		hlsUrl: 'initializePlayer',
 	},
-	created () {
+	created() {
 		// don't start playing when autoplay is disabled
 		this.playing = this.autoplay
 		if (localStorage[`livestream.native.alternative:${this.room.id}`]) {
 			this.chosenAlternative = localStorage[`livestream.native.alternative:${this.room.id}`]
 		}
 	},
-	mounted () {
+	mounted() {
 		document.addEventListener('fullscreenchange', this.onFullscreenchange)
 		/* loadedmetadata */
 		this.$refs.video.addEventListener('durationchange', this.onDurationchange)
@@ -176,7 +176,7 @@ export default {
 		this.$refs.video.textTracks.addEventListener('removetrack', this.onTextTracksChanged)
 		this.initializePlayer()
 	},
-	beforeDestroy () {
+	beforeDestroy() {
 		this.player?.destroy()
 		document.removeEventListener('fullscreenchange', this.onFullscreenchange)
 		this.$refs.video.textTracks.removeEventListener('addtrack', this.onTextTracksChanged)
@@ -184,11 +184,11 @@ export default {
 		this.$refs.video.textTracks.removeEventListener('removetrack', this.onTextTracksChanged)
 	},
 	methods: {
-		initializePlayer () {
+		initializePlayer() {
 			this.player?.destroy()
 			this.buffering = true
 			const video = this.$refs.video
-			const start = async () => {
+			const start = async() => {
 				this.offline = false
 				this.buffering = false
 				if (!this.playing) return
@@ -202,7 +202,7 @@ export default {
 				this.onVolumechange()
 			}
 			if (Hls.isSupported()) {
-				const hlsConfig = Object.assign({}, HLS_DEFAULT_CONFIG, config.videoPlayer?.['hls.js'], {
+				const hlsConfig = Object.assign({}, HLS_DEFAULT_CONFIG, config.video_player?.['hls.js'], {
 					autoStartLoad: this.playing
 				})
 				const player = new Hls(hlsConfig)
@@ -215,7 +215,7 @@ export default {
 				player.on(Hls.Events.MEDIA_ATTACHED, () => {
 					load()
 				})
-				player.on(Hls.Events.MANIFEST_PARSED, async (event, data) => {
+				player.on(Hls.Events.MANIFEST_PARSED, async(event, data) => {
 					if (data.levels[0].height) {
 						this.levels = data.levels.map((level, index) => ({...level, index})).sort((a, b) => b.height - a.height)
 					}
@@ -261,7 +261,7 @@ export default {
 				video.src = this.hlsUrl
 				// TODO probably explodes on re-init
 				// TODO doesn't seem like the buffer ring gets hidden?
-				video.addEventListener('loadedmetadata', function () {
+				video.addEventListener('loadedmetadata', function() {
 					start()
 				})
 			}
@@ -283,7 +283,7 @@ export default {
 				})
 			}
 		},
-		toggleVideo () {
+		toggleVideo() {
 			if (this.offline) return
 			if (this.automuted) {
 				this.toggleVolume()
@@ -300,12 +300,12 @@ export default {
 				this.player.stopLoad()
 			}
 		},
-		chooseLevel (level) {
+		chooseLevel(level) {
 			this.manualLevel = level
 			this.player.loadLevel = level?.index ?? -1
 			this.showLevelChooser = false
 		},
-		chooseSource (source) {
+		chooseSource(source) {
 			this.chosenAlternative = source?.label
 			if (source) {
 				localStorage[`livestream.native.alternative:${this.room.id}`] = source?.label
@@ -314,7 +314,7 @@ export default {
 			}
 			this.showSourceChooser = false
 		},
-		toggleCaptions () {
+		toggleCaptions() {
 			if (this.$refs.video.textTracks.length === 1) {
 				const t = this.$refs.video.textTracks[0]
 				t.mode = t.mode === 'showing' ? 'hidden' : 'showing'
@@ -323,7 +323,7 @@ export default {
 				this.showCaptionsChooser = true
 			}
 		},
-		chooseTextTrack (track) {
+		chooseTextTrack(track) {
 			for (let i = 0; i < this.$refs.video.textTracks.length; i++) { // TextTrackList.forEach not supported in all browsers
 				const t = this.$refs.video.textTracks[i]
 				if (track !== null && t.label === track.label) {
@@ -335,25 +335,25 @@ export default {
 			this.onTextTracksChanged()
 			this.showCaptionsChooser = false
 		},
-		toggleVolume () {
+		toggleVolume() {
 			this.automuted = false
 			this.$refs.video.muted = !this.muted
 		},
-		onVolumeSlider (event) {
+		onVolumeSlider(event) {
 			this.$refs.video.volume = event.target.value
 			this.volume = event.target.value
 		},
-		toggleFullscreen () {
+		toggleFullscreen() {
 			if (document.fullscreenElement) {
 				document.exitFullscreen()
 			} else {
 				this.$refs.videocontainer.requestFullscreen()
 			}
 		},
-		openExternalSubtitles () {
+		openExternalSubtitles() {
 			window.open(this.module.config.subtitle_url, 'subtitles', 'width=600,height=400,toolbar=no,menubar=no,location=yes,status=yes,resizable=yes,scrollbars=yes')
 		},
-		onTextTracksChanged () {
+		onTextTracksChanged() {
 			const newList = []
 			for (let i = 0; i < this.$refs.video.textTracks.length; i++) { // TextTrackList.forEach not supported in all browsers
 				const t = this.$refs.video.textTracks[i]
@@ -367,7 +367,7 @@ export default {
 			}
 			this.textTracks = newList
 		},
-		onVolumechange () {
+		onVolumechange() {
 			if (!this.$refs.video) return
 			if (this.$refs.video.muted) {
 				this.volume = 0
@@ -377,11 +377,11 @@ export default {
 				this.muted = false
 			}
 		},
-		onDurationchange () {
+		onDurationchange() {
 			if (!this.$refs.video) return
 			this.duration = this.$refs.video.duration
 		},
-		onProgress () {
+		onProgress() {
 			if (!this.$refs.video) return
 			this.bufferedRanges = []
 			for (let i = 0; i < this.$refs.video.buffered.length; i++) {
@@ -391,37 +391,37 @@ export default {
 				})
 			}
 		},
-		onTimeupdate () {
+		onTimeupdate() {
 			if (!this.$refs.video) return
 			this.currentTime = this.$refs.video.currentTime
 		},
-		onSeeking () {
+		onSeeking() {
 			this.seeking = true
 		},
-		onSeeked () {
+		onSeeked() {
 			this.seeking = false
 		},
-		onEnded () {
+		onEnded() {
 			this.player?.destroy()
 			this.offline = true
 		},
-		onFullscreenchange () {
+		onFullscreenchange() {
 			this.fullscreen = !!document.fullscreenElement
 		},
-		playingVideo () {
+		playingVideo() {
 			this.playing = true
 		},
-		pausingVideo () {
+		pausingVideo() {
 			this.playing = false
 		},
-		onProgressPointerdown (event) {
+		onProgressPointerdown(event) {
 			this.$refs.progress.setPointerCapture(event.pointerId)
 			this.mouseSeeking = true
 			this.$refs.video.currentTime = this.hoveredProgress * this.duration
 			// TODO respect video.seekable?
 			// TODO show pos to seek
 		},
-		onProgressPointermove (event) {
+		onProgressPointermove(event) {
 			const el = this.$refs.progress
 			const rect = el.getBoundingClientRect() // TODO probably killing performance
 			this.hoveredProgress = Math.min(Math.max(0, (event.clientX - (rect.x + 16)) / (rect.width - 32)), 1)
@@ -429,14 +429,14 @@ export default {
 				this.$refs.video.currentTime = this.hoveredProgress * this.duration
 			}
 		},
-		onProgressPointerup (event) {
+		onProgressPointerup(event) {
 			this.mouseSeeking = false
 			this.$refs.progress.releasePointerCapture(event.pointerId)
 		},
-		onResize (event) {
+		onResize(event) {
 			this.totalWidth = event[event.length - 1].contentRect.width
 		},
-		formatTime (s) {
+		formatTime(s) {
 			let prefix = ''
 			if (this.isLive) {
 				s = Math.abs(s - this.duration)
diff --git a/webapp/src/components/MarkdownContent.js b/webapp/src/components/MarkdownContent.js
index 7fe9be88..9126246d 100644
--- a/webapp/src/components/MarkdownContent.js
+++ b/webapp/src/components/MarkdownContent.js
@@ -8,7 +8,7 @@ const markdownIt = MarkdownIt({
 	html: true
 })
 
-markdownIt.renderer.rules.link_open = function (tokens, idx, options, env, self) {
+markdownIt.renderer.rules.link_open = function(tokens, idx, options, env, self) {
 	const [, link] = tokens[idx].attrs.find(([attr]) => attr === 'href')
 	if (!link.startsWith('/')) {
 		tokens[idx].attrPush(['target', '_blank'])
@@ -17,7 +17,7 @@ markdownIt.renderer.rules.link_open = function (tokens, idx, options, env, self)
 	return self.renderToken(tokens, idx, options)
 }
 
-const handleClick = function (event) {
+const handleClick = function(event) {
 	const a = event.target.closest('a')
 	if (!a || a.target === '_blank') return
 	// from https://github.com/vuejs/vue-router/blob/dfc289202703319cf7beb38d03c9258c806c4d62/src/components/link.js#L165
@@ -37,7 +37,7 @@ export default {
 	props: {
 		markdown: String
 	},
-	render (createElement, ctx) {
+	render(createElement, ctx) {
 		if (!ctx.props.markdown) return
 		return createElement('section', {
 			class: 'markdown-content rich-text-content',
diff --git a/webapp/src/components/MediaSource.vue b/webapp/src/components/MediaSource.vue
index f08321be..a6833966 100644
--- a/webapp/src/components/MediaSource.vue
+++ b/webapp/src/components/MediaSource.vue
@@ -33,7 +33,7 @@ export default {
 			default: false
 		}
 	},
-	data () {
+	data() {
 		return {
 			iframeError: null,
 			iframe: null, // Track the iframe element
@@ -44,18 +44,18 @@ export default {
 	computed: {
 		...mapState(['streamingRoom', 'youtubeTransUrl']),
 		...mapGetters(['autoplay']),
-		module () {
+		module() {
 			if (!this.room) {
 				return null
 			}
 			return this.room.modules.find(module => ['livestream.native', 'livestream.youtube', 'livestream.iframe', 'call.bigbluebutton', 'call.janus', 'call.zoom'].includes(module.type))
 		},
-		inRoomManager () {
+		inRoomManager() {
 			return this.$route.name === 'room:manage'
 		}
 	},
 	watch: {
-		background () {
+		background() {
 			if (!this.iframe) return
 			if (this.background) {
 				this.iframe.classList.add('background')
@@ -64,13 +64,13 @@ export default {
 			}
 		},
 		module: {
-			handler (value, oldValue) {
+			handler(value, oldValue) {
 				if (isEqual(value, oldValue)) return
 				this.destroyIframe()
 				this.initializeIframe(false)
 			}
 		},
-		youtubeTransUrl (youtubeTransUrl) {
+		youtubeTransUrl(youtubeTransUrl) {
 			if (!this.room) {
 				return
 			}
@@ -79,14 +79,14 @@ export default {
 			this.initializeIframe(false)
 		}
 	},
-	async mounted () {
+	async mounted() {
 		if (!this.room) {
 			return
 		}
 		this.initializeIframe(false)
 		this.$root.$on('languageChanged', this.handleLanguageChange)
 	},
-	beforeDestroy () {
+	beforeDestroy() {
 		this.iframe?.remove()
 		if (api.socketState !== 'open') return
 		// TODO move to store?
@@ -94,7 +94,7 @@ export default {
 		this.$root.$off('languageChanged', this.handleLanguageChange)
 	},
 	methods: {
-		async initializeIframe (mute) {
+		async initializeIframe(mute) {
 			try {
 				let iframeUrl
 				let hideIfBackground = false
@@ -141,11 +141,11 @@ export default {
 				console.error(error)
 			}
 		},
-		destroyIframe () {
+		destroyIframe() {
 			this.iframe?.remove()
 			this.iframe = null
 		},
-		isPlaying () {
+		isPlaying() {
 			if (this.call) {
 				return this.$refs.janus.roomId
 			}
@@ -163,7 +163,7 @@ export default {
 			}
 			return true
 		},
-		handleLanguageChange (languageUrl) {
+		handleLanguageChange(languageUrl) {
 			this.languageAudioUrl = languageUrl // Set the audio source to the selected language URL
 			const mute = !!languageUrl // Mute if language URL is present, otherwise unmute
 			this.destroyIframe()
@@ -182,15 +182,15 @@ export default {
 				loop: loop ? '1' : '0',
 				modestbranding: modestBranding ? '1' : '0',
 				playlist: ytid,
-			});
+			})
 
-			const domain = enablePrivacyEnhancedMode ? 'www.youtube-nocookie.com' : 'www.youtube.com';
-			return `https://${domain}/embed/${ytid}?${params}`;
+			const domain = enablePrivacyEnhancedMode ? 'www.youtube-nocookie.com' : 'www.youtube.com'
+			return `https://${domain}/embed/${ytid}?${params}`
 		},
 		// Added method to get the language iframe URL
 		getLanguageIframeUrl(languageUrl, enablePrivacyEnhancedMode) {
 			// Checks if the languageUrl is not provided the retun null
-			if (!languageUrl) return null;
+			if (!languageUrl) return null
 			const params = new URLSearchParams({
 				enablejsapi: '1',
 				autoplay: '1',
@@ -201,10 +201,10 @@ export default {
 				rel: '0',
 				showinfo: '0',
 				playlist: languageUrl,
-			});
+			})
 
-			const domain = enablePrivacyEnhancedMode ? 'www.youtube-nocookie.com' : 'www.youtube.com';
-			return `https://${domain}/embed/${languageUrl}?${params}`;
+			const domain = enablePrivacyEnhancedMode ? 'www.youtube-nocookie.com' : 'www.youtube.com'
+			return `https://${domain}/embed/${languageUrl}?${params}`
 		}
 	}
 }
diff --git a/webapp/src/components/MediaSourcePlaceholder.vue b/webapp/src/components/MediaSourcePlaceholder.vue
index b511d0b1..c137c2ec 100644
--- a/webapp/src/components/MediaSourcePlaceholder.vue
+++ b/webapp/src/components/MediaSourcePlaceholder.vue
@@ -6,21 +6,21 @@
 // - has to always be top left because ResizeObserver can't observe position changes
 export default {
 	components: {},
-	data () {
+	data() {
 		return {
 		}
 	},
 	computed: {},
-	created () {},
-	async mounted () {
+	created() {},
+	async mounted() {
 		await this.$nextTick()
 		this.$store.commit('reportMediaSourcePlaceholderRect', this.$el.getBoundingClientRect())
 	},
-	beforeDestroy () {
+	beforeDestroy() {
 		this.$store.commit('reportMediaSourcePlaceholderRect', null)
 	},
 	methods: {
-		onResize ([{contentRect}]) {
+		onResize([{contentRect}]) {
 			this.$store.commit('reportMediaSourcePlaceholderRect', contentRect)
 		}
 	}
diff --git a/webapp/src/components/MenuDropdown.vue b/webapp/src/components/MenuDropdown.vue
index 91cb36d3..2d8ded2f 100644
--- a/webapp/src/components/MenuDropdown.vue
+++ b/webapp/src/components/MenuDropdown.vue
@@ -30,7 +30,7 @@ export default {
 		}
 	},
 	methods: {
-		async toggle (event) {
+		async toggle(event) {
 			if (this.value) {
 				this.$emit('input', false)
 				return
@@ -51,7 +51,7 @@ export default {
 				]
 			})
 		},
-		close () {
+		close() {
 			this.isOpen = false
 		}
 	}
diff --git a/webapp/src/components/Poll.vue b/webapp/src/components/Poll.vue
index 582e8462..ab61b210 100644
--- a/webapp/src/components/Poll.vue
+++ b/webapp/src/components/Poll.vue
@@ -37,18 +37,18 @@ export default {
 			default: false
 		}
 	},
-	data () {
+	data() {
 		return {
 			showModerationMenu: false
 		}
 	},
 	computed: {
 		...mapGetters(['hasPermission']),
-		totalVotes () {
+		totalVotes() {
 			if (!this.poll.results) return 0
 			return Object.values(this.poll.results).reduce((acc, result) => acc + result, 0)
 		},
-		optionsWithMostVotes () {
+		optionsWithMostVotes() {
 			const sortedResults = Object.entries(this.poll.results).slice().sort((a, b) => b[1] - a[1])
 			const mostVotes = sortedResults[0][1]
 			const optionsWithMostVotes = []
@@ -60,10 +60,10 @@ export default {
 		}
 	},
 	methods: {
-		async vote () {
+		async vote() {
 			this.$store.dispatch('question/vote', this.question)
 		},
-		async doAction (action) {
+		async doAction(action) {
 			await this.$store.dispatch(`poll/${action}Poll`, this.poll)
 			this.showModerationMenu = false
 		}
diff --git a/webapp/src/components/Polls.vue b/webapp/src/components/Polls.vue
index b687e5f1..93bf30a1 100644
--- a/webapp/src/components/Polls.vue
+++ b/webapp/src/components/Polls.vue
@@ -21,7 +21,7 @@ export default {
 			default: false
 		}
 	},
-	data () {
+	data() {
 		return {
 			hasLoaded: false
 		}
@@ -29,7 +29,7 @@ export default {
 	computed: {
 		...mapState('poll', ['polls']),
 		...mapGetters(['hasPermission']),
-		sortedPolls () {
+		sortedPolls() {
 			if (!this.polls) return
 			let polls
 			if (this.isManaging) {
@@ -45,7 +45,7 @@ export default {
 		}
 	},
 	watch: {
-		sortedPolls () {
+		sortedPolls() {
 			// HACK suppress firing event on `poll.list`
 			if (this.hasLoaded) {
 				this.$emit('change')
diff --git a/webapp/src/components/PosterHall.vue b/webapp/src/components/PosterHall.vue
index 34ed222b..a4626eb2 100644
--- a/webapp/src/components/PosterHall.vue
+++ b/webapp/src/components/PosterHall.vue
@@ -54,7 +54,7 @@ import RichTextContent from 'components/RichTextContent'
 import { getIconByFileEnding } from 'lib/filetypes'
 import { phonyMatcher } from 'lib/search'
 
-function matchesFilter (filter, poster) {
+function matchesFilter(filter, poster) {
 	let field = filter.field
 	if (field === 'tag') field = 'tags'
 	if (Array.isArray(poster[field])) {
@@ -69,7 +69,7 @@ export default {
 	props: {
 		room: Object
 	},
-	data () {
+	data() {
 		return {
 			posters: null,
 			search: '',
@@ -79,24 +79,24 @@ export default {
 		}
 	},
 	computed: {
-		posterModule () {
+		posterModule() {
 			return this.room.modules.find(module => module.type === 'poster.native')
 		},
-		categoriesLookup () {
+		categoriesLookup() {
 			if (!this.posterModule.config.categories) return {}
 			return this.posterModule.config.categories.reduce((acc, category) => {
 				acc[category.id] = category
 				return acc
 			}, {})
 		},
-		tagsLookup () {
+		tagsLookup() {
 			if (!this.posterModule.config.tags) return {}
 			return this.posterModule.config.tags.reduce((acc, tag) => {
 				acc[tag.id] = tag
 				return acc
 			}, {})
 		},
-		filteredPosters () {
+		filteredPosters() {
 			const singleSearch = (searchTerm) => {
 				const matchesSearch = phonyMatcher(searchTerm)
 				return this.posters.filter(poster =>
@@ -107,7 +107,7 @@ export default {
 			}
 			return intersection(this.posters.filter(poster => this.filters.every(filter => matchesFilter(filter, poster))), ...this.search.trim().toLowerCase().split(' ').map(singleSearch))
 		},
-		categorizedFilteredPosters () {
+		categorizedFilteredPosters() {
 			if (!this.posterModule.config.categories) return {'': this.filteredPosters}
 			// prefill configured categories to enforce order, null/'' category is first, unknown categories are at the end, by order of poster appearance
 			const categorizedPosters = {
@@ -125,7 +125,7 @@ export default {
 			// remove empty categories
 			return Object.fromEntries(Object.entries(categorizedPosters).filter(([key, value]) => value.length > 0))
 		},
-		categories () {
+		categories() {
 			return Object.entries(this.categorizedFilteredPosters).map(([key, value]) => {
 				return {
 					name: key === '' ? this.$t('PosterHall:categories-filter:uncategorized') : (this.categoriesLookup[key] ? this.categoriesLookup[key].label : key),
@@ -134,7 +134,7 @@ export default {
 				}
 			}).filter(filter => filter.count).sort((a, b) => b.count - a.count)
 		},
-		tags () {
+		tags() {
 			const tags = {}
 
 			for (const poster of this.filteredPosters) {
@@ -151,7 +151,7 @@ export default {
 				}
 			}).filter(filter => filter.count).sort((a, b) => b.count !== a.count ? b.count - a.count : a.name.localeCompare(b.name))
 		},
-		flatCategorizedFilteredPosters () {
+		flatCategorizedFilteredPosters() {
 			// hack categories into a flat list with posters for the virtual scroller
 			const flatCategorizedFilteredPosters = []
 			for (const [category, posters] of Object.entries(this.categorizedFilteredPosters)) {
@@ -161,11 +161,11 @@ export default {
 			return flatCategorizedFilteredPosters
 		}
 	},
-	async created () {
+	async created() {
 		this.posters = (await api.call('poster.list', {room: this.room.id}))
 	},
 	methods: {
-		toggleFilter (filter) {
+		toggleFilter(filter) {
 			const index = this.filters.findIndex(f => f.field === filter.field && f.value === filter.value)
 			if (index >= 0) {
 				this.filters.splice(index, 1)
@@ -173,7 +173,7 @@ export default {
 				this.filters.push(filter)
 			}
 		},
-		removeFilter (filter) {
+		removeFilter(filter) {
 			this.filters = this.filters.filter(f => f !== filter)
 		}
 	}
diff --git a/webapp/src/components/Prompt.vue b/webapp/src/components/Prompt.vue
index 89a8064f..d7f777b1 100644
--- a/webapp/src/components/Prompt.vue
+++ b/webapp/src/components/Prompt.vue
@@ -20,7 +20,7 @@ export default {
 			default: true
 		}
 	},
-	mounted () {
+	mounted() {
 		this.$nextTick(() => {
 			if (!this.scrollable) return
 			this.scrollbars = new Scrollbars(this.$refs.wrapper, {
@@ -29,12 +29,12 @@ export default {
 		})
 	},
 	methods: {
-		onPointerdown (event) {
+		onPointerdown(event) {
 			if (!this.allowCancel) return
 			event.stopPropagation()
 			this.$el.addEventListener('pointerup', this.onPointerup)
 		},
-		onPointerup (event) {
+		onPointerup(event) {
 			this.$el.removeEventListener('pointerup', this.onPointerup)
 			if (event.target !== this.$el) return
 			console.log(event)
diff --git a/webapp/src/components/QRCodePrompt.vue b/webapp/src/components/QRCodePrompt.vue
index 01841465..9c2f9d80 100644
--- a/webapp/src/components/QRCodePrompt.vue
+++ b/webapp/src/components/QRCodePrompt.vue
@@ -21,21 +21,21 @@ export default {
 	props: {
 		room: Object
 	},
-	data () {
+	data() {
 		return {
 			url: null,
 			qrcode: null
 		}
 	},
 	computed: {
-		shortUrl () {
+		shortUrl() {
 			return this.url.replace(/^https?:\/\//, '')
 		},
-		downloadUrl () {
+		downloadUrl() {
 			return `data:image/svg+xml;base64,${btoa(this.qrcode)}`
 		}
 	},
-	async created () {
+	async created() {
 		const { url } = await api.call('room.invite.anonymous.link', {room: this.room.id})
 		this.url = url
 		this.qrcode = await QRCode.toString(this.url, {type: 'svg', margin: 1})
diff --git a/webapp/src/components/Question.vue b/webapp/src/components/Question.vue
index 0fcdfd20..7fbe90d3 100644
--- a/webapp/src/components/Question.vue
+++ b/webapp/src/components/Question.vue
@@ -32,7 +32,7 @@ export default {
 			default: false
 		}
 	},
-	data () {
+	data() {
 		return {
 			showModerationMenu: false
 		}
@@ -40,16 +40,16 @@ export default {
 	computed: {
 		...mapGetters(['hasPermission'])
 	},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
 	methods: {
-		async vote () {
+		async vote() {
 			this.$store.dispatch('question/vote', this.question)
 		},
-		async doAction (action) {
+		async doAction(action) {
 			await this.$store.dispatch(`question/${action}Question`, this.question)
 			this.showModerationMenu = false
 		}
diff --git a/webapp/src/components/Questions.vue b/webapp/src/components/Questions.vue
index dbfec0c0..a20ca85a 100644
--- a/webapp/src/components/Questions.vue
+++ b/webapp/src/components/Questions.vue
@@ -33,7 +33,7 @@ export default {
 			default: false
 		}
 	},
-	data () {
+	data() {
 		return {
 			question: '',
 			showAskingForm: false,
@@ -43,7 +43,7 @@ export default {
 	computed: {
 		...mapState('question', ['questions']),
 		...mapGetters(['hasPermission']),
-		sortedQuestions () {
+		sortedQuestions() {
 			if (!this.questions) return
 			let questions
 			if (this.isManaging || !this.hasPermission('room:question.moderate')) {
@@ -61,7 +61,7 @@ export default {
 		}
 	},
 	watch: {
-		sortedPolls () {
+		sortedPolls() {
 			// HACK suppress firing event on `question.list`
 			if (this.hasLoaded) {
 				this.$emit('change')
@@ -71,7 +71,7 @@ export default {
 		}
 	},
 	methods: {
-		async submitQuestion () {
+		async submitQuestion() {
 			await this.$store.dispatch('question/submitQuestion', this.question) // TODO error handling
 			this.question = ''
 			this.showAskingForm = false
diff --git a/webapp/src/components/ReactionsBar.vue b/webapp/src/components/ReactionsBar.vue
index 00742534..93499922 100644
--- a/webapp/src/components/ReactionsBar.vue
+++ b/webapp/src/components/ReactionsBar.vue
@@ -11,7 +11,7 @@ export default {
 	props: {
 		expanded: Boolean
 	},
-	data () {
+	data() {
 		return {
 			particlePool: [],
 			freeParticles: [],
@@ -19,17 +19,17 @@ export default {
 		}
 	},
 	computed: {
-		availableReactions () {
+		availableReactions() {
 			const emoji = ['👏', '❤️', '👍', '🤣', '😮']
 			return emoji.map(e => ({emoji: e, style: nativeEmojiToStyle(e)}))
 		}
 	},
 	methods: {
-		expand () {
+		expand() {
 			if (this.expanded) return
 			this.$emit('expand')
 		},
-		react (emoji) {
+		react(emoji) {
 			this.$store.dispatch('addReaction', emoji)
 			// TODO display immediately and add own cooldown
 		}
diff --git a/webapp/src/components/ReactionsOverlay.vue b/webapp/src/components/ReactionsOverlay.vue
index 063e9d0c..42574e95 100644
--- a/webapp/src/components/ReactionsOverlay.vue
+++ b/webapp/src/components/ReactionsOverlay.vue
@@ -14,7 +14,7 @@ export default {
 	props: {
 		showReactionBar: Boolean,
 	},
-	data () {
+	data() {
 		return {
 			particlePool: [],
 			freeParticles: []
@@ -22,12 +22,12 @@ export default {
 	},
 	computed: {
 		...mapState(['mediaSourcePlaceholderRect', 'reactions', 'stageStreamCollapsed']),
-		direction () {
+		direction() {
 			return this.stageStreamCollapsed ? 'horizontal' : 'vertical'
 		}
 	},
 	watch: {
-		reactions () {
+		reactions() {
 			if (!this.reactions) return
 			// put all reactions in a queue and randomize to get rough averages toghether with the particle pool
 			// cap at MAX_PARTICLE_POOL and round up
@@ -46,7 +46,7 @@ export default {
 			}
 			distribute()
 		},
-		direction () {
+		direction() {
 			// reset reactions on direction change
 			for (const element of this.particlePool) {
 				element.style.left = null
@@ -55,7 +55,7 @@ export default {
 		}
 	},
 	methods: {
-		renderReaction (emoji) {
+		renderReaction(emoji) {
 			let element = this.freeParticles.pop()
 			if (!element) {
 				if (this.particlePool.length < MAX_PARTICLE_POOL) {
diff --git a/webapp/src/components/RecordingsPrompt.vue b/webapp/src/components/RecordingsPrompt.vue
index a5aec168..3c7c75ee 100644
--- a/webapp/src/components/RecordingsPrompt.vue
+++ b/webapp/src/components/RecordingsPrompt.vue
@@ -25,14 +25,14 @@ export default {
 	props: {
 		room: Object
 	},
-	data () {
+	data() {
 		return {
 			recordings: null,
 			error: null,
 		}
 	},
 	computed: {},
-	async created () {
+	async created() {
 		try {
 			this.recordings = (await api.call('bbb.recordings', {room: this.room.id}, {timeout: 150000})).results
 			this.error = null
diff --git a/webapp/src/components/RichTextContent.vue b/webapp/src/components/RichTextContent.vue
index c0f4898f..2b5e1a2a 100644
--- a/webapp/src/components/RichTextContent.vue
+++ b/webapp/src/components/RichTextContent.vue
@@ -13,13 +13,13 @@ export default {
 	},
 	watch: {
 		content: {
-			handler (val) {
+			handler(val) {
 				this.quill.setContents(val)
 			},
 			deep: true
 		},
 	},
-	mounted () {
+	mounted() {
 		Quill.register(VideoResponsive)
 		Quill.register(fullWidthFormat)
 		const quill = new Quill(this.$el, {
@@ -28,7 +28,7 @@ export default {
 		quill.setContents(this.content)
 	},
 	methods: {
-		handleClick (event) {
+		handleClick(event) {
 			const a = event.target.closest('a')
 			if (!a) return
 			// from https://github.com/vuejs/vue-router/blob/dfc289202703319cf7beb38d03c9258c806c4d62/src/components/link.js#L165
diff --git a/webapp/src/components/RichTextEditor.vue b/webapp/src/components/RichTextEditor.vue
index b0e552a9..28cd681a 100644
--- a/webapp/src/components/RichTextEditor.vue
+++ b/webapp/src/components/RichTextEditor.vue
@@ -48,14 +48,14 @@ export default {
 		value: [Delta, Object],
 		label: String
 	},
-	data () {
+	data() {
 		return {
 			quill: null,
 			uploading: false,
 		}
 	},
 	computed: {},
-	mounted () {
+	mounted() {
 		Quill.register('themes/bunt', BuntTheme, false)
 		Quill.register(VideoResponsive)
 		Quill.register(fullWidthFormat)
@@ -109,15 +109,15 @@ export default {
 		this.quill.on('selection-change', this.onSelectionchange)
 		this.quill.on('text-change', this.onTextchange)
 	},
-	destroyed () {
+	destroyed() {
 		this.quill.off('selection-change', this.onSelectionchange)
 		this.quill.off('text-change', this.onTextchange)
 	},
 	methods: {
-		onTextchange (delta, oldContents, source) {
+		onTextchange(delta, oldContents, source) {
 			this.$emit('input', this.quill.getContents())
 		},
-		onSelectionchange (range, oldRange, source) {
+		onSelectionchange(range, oldRange, source) {
 			if (range === null && oldRange !== null) {
 				this.$refs.outline.blur()
 			} else if (range !== null && oldRange === null) {
diff --git a/webapp/src/components/RoomsSidebar.vue b/webapp/src/components/RoomsSidebar.vue
index 08c42337..15dc028e 100644
--- a/webapp/src/components/RoomsSidebar.vue
+++ b/webapp/src/components/RoomsSidebar.vue
@@ -102,7 +102,7 @@ export default {
 	props: {
 		show: Boolean
 	},
-	data () {
+	data() {
 		return {
 			theme,
 			lastPointer: null,
@@ -121,13 +121,13 @@ export default {
 		...mapGetters(['hasPermission']),
 		...mapGetters('chat', ['hasUnreadMessages', 'notificationCount']),
 		...mapGetters('schedule', ['sessions', 'currentSessionPerRoom']),
-		style () {
+		style() {
 			if (this.pointerMovementX === 0) return
 			return {
 				transform: `translateX(${this.pointerMovementX}px)`
 			}
 		},
-		roomsByType () {
+		roomsByType() {
 			const rooms = {
 				page: [],
 				stage: [],
@@ -164,7 +164,7 @@ export default {
 			}
 			return rooms
 		},
-		directMessageChannels () {
+		directMessageChannels() {
 			return this.joinedChannels
 				?.filter(channel => channel.members)
 				.map(channel => {
@@ -177,35 +177,35 @@ export default {
 				})
 				.sort((a, b) => (this.hasUnreadMessages(b.id) - this.hasUnreadMessages(a.id)) || this.getDMChannelName(a).localeCompare(this.getDMChannelName(b)))
 		},
-		worldHasTextChannels () {
+		worldHasTextChannels() {
 			return this.rooms.some(room => room.modules.length === 1 && room.modules[0].type === 'chat.native')
 		},
-		worldHasExhibition () {
+		worldHasExhibition() {
 			return this.rooms.some(room => room.modules.length === 1 && room.modules[0].type === 'exhibition.native')
 		},
-		worldHasPosters () {
+		worldHasPosters() {
 			return this.rooms.some(room => room.modules.length === 1 && room.modules[0].type === 'poster.native')
 		},
 	},
 	methods: {
-		getDMChannelName (channel) {
+		getDMChannelName(channel) {
 			return channel.users.map(user => user.deleted ? this.$t('User:label:deleted') : user.profile.display_name).join(', ')
 		},
-		startsWithEmoji (string) {
+		startsWithEmoji(string) {
 			return startsWithEmoji(string)
 		},
-		onPointerdown (event) {
+		onPointerdown(event) {
 			if (this.$mq.above.m) return
 			this.lastPointer = event.pointerId
 		},
-		onPointermove (event) {
+		onPointermove(event) {
 			if (this.$mq.above.m || this.lastPointer !== event.pointerId) return
 			this.pointerMovementX += event.movementX / window.devicePixelRatio // because apparently the browser does not do this
 			if (this.pointerMovementX > 0) {
 				this.pointerMovementX = 0
 			}
 		},
-		async onPointerup (event) {
+		async onPointerup(event) {
 			if (this.$mq.above.m || this.lastPointer !== event.pointerId) return
 			this.lastPointer = null
 			if (this.pointerMovementX < -80) {
@@ -217,7 +217,7 @@ export default {
 			await this.$nextTick()
 			this.snapBack = false
 		},
-		onPointercancel (event) {
+		onPointercancel(event) {
 			this.lastPointer = null
 			this.pointerMovementX = 0
 		}
diff --git a/webapp/src/components/Roulette.vue b/webapp/src/components/Roulette.vue
index 268a2054..e56ee125 100644
--- a/webapp/src/components/Roulette.vue
+++ b/webapp/src/components/Roulette.vue
@@ -40,7 +40,7 @@ export default {
 			required: true,
 		},
 	},
-	data () {
+	data() {
 		return {
 			showDevicePrompt: false,
 			videoError: null,
@@ -56,27 +56,27 @@ export default {
 		...mapState(['connected']),
 		...mapState('roulette', ['callId', 'server', 'iceServers', 'token', 'roomId', 'sessionId', 'loading', 'error', 'recentPairs']),
 
-		soundBarWidth () {
+		soundBarWidth() {
 			return Math.min(1, this.soundLevel * 10) * 100
 		}
 	},
 	watch: {
-		connected (value) {
+		connected(value) {
 			if (value) {
 				// resubscribe
 				this.$store.dispatch('roulette/reconnect')
 			}
 		},
-		server (value) {
+		server(value) {
 			if (!this.server && !this.callId && !this.loading) {
 				this.startVideo()
 			}
 		}
 	},
-	mounted () {
+	mounted() {
 		this.startVideo()
 	},
-	destroyed () {
+	destroyed() {
 		if (this.soundMeter) {
 			this.soundMeter.context.close()
 		}
@@ -93,7 +93,7 @@ export default {
 		...mapMutations('roulette', ['setLoading']),
 		...mapActions('roulette', ['startCall', 'stopCall', 'startRequesting', 'stopRequesting']),
 
-		findNewCall () {
+		findNewCall() {
 			if (this.previewStream) {
 				this.previewStream.getTracks().forEach((track) => track.stop())
 			}
@@ -107,7 +107,7 @@ export default {
 			this.startRequesting({room: this.room})
 			this.hasPreviousCall = true
 		},
-		startVideo () {
+		startVideo() {
 			const constraints = {
 				audio: {deviceId: localStorage.audioInput ? {exact: localStorage.audioInput} : undefined},
 				video: {deviceId: localStorage.videoInput ? {exact: localStorage.videoInput} : undefined},
diff --git a/webapp/src/components/Scrollbars.vue b/webapp/src/components/Scrollbars.vue
index abc8c902..5e7e11dd 100644
--- a/webapp/src/components/Scrollbars.vue
+++ b/webapp/src/components/Scrollbars.vue
@@ -15,7 +15,7 @@ export default {
 		y: Boolean,
 		x: Boolean
 	},
-	data () {
+	data() {
 		return {
 			dimensions: null,
 			draggingDimension: null,
@@ -23,7 +23,7 @@ export default {
 		}
 	},
 	computed: {
-		thumbStyles () {
+		thumbStyles() {
 			const thumbStyles = {}
 			if (this.dimensions?.x) {
 				thumbStyles.x = {
@@ -47,7 +47,7 @@ export default {
 			return thumbStyles
 		}
 	},
-	created () {
+	created() {
 		const dimensions = {}
 		if (this.x) {
 			dimensions.x = {
@@ -66,7 +66,7 @@ export default {
 		}
 		this.dimensions = dimensions
 	},
-	async mounted () {
+	async mounted() {
 		await this.$nextTick()
 		// setting direction once should be good enough
 		if (this.dimensions.y) {
@@ -99,24 +99,24 @@ export default {
 			childList: true
 		})
 	},
-	beforeDestroy () {
+	beforeDestroy() {
 		this.resizeObserver.disconnect()
 		this.mutationObserver.disconnect()
 	},
 	methods: {
-		scrollTop (y) {
+		scrollTop(y) {
 			this.$refs.content.scrollTop = y
 		},
-		onScroll (event) {
+		onScroll(event) {
 			this.$emit('scroll', event)
 			this.computeThumbPositions()
 		},
-		onResize () {
+		onResize() {
 			this.computeDimensions()
 			this.computeThumbPositions()
 			this.$emit('resize')
 		},
-		onPointerdown (dimension, $event) {
+		onPointerdown(dimension, $event) {
 			const el = this.$refs[`thumb-${dimension}`][0]
 			event.stopPropagation()
 			el.setPointerCapture(event.pointerId)
@@ -126,7 +126,7 @@ export default {
 			el.addEventListener('pointermove', this.onPointermove)
 			el.addEventListener('pointerup', this.onPointerup)
 		},
-		onPointermove () {
+		onPointermove() {
 			if (this.draggingDimension === 'x') {
 				const maxX = this.$refs.content.clientWidth - this.dimensions.x.thumbLength
 				const newPosition = event.clientX - this.$refs.content.getBoundingClientRect().left - this.draggingOffset
@@ -147,7 +147,7 @@ export default {
 				}
 			}
 		},
-		onPointerup (event) {
+		onPointerup(event) {
 			const dimension = this.draggingDimension
 			const el = this.$refs[`thumb-${dimension}`][0]
 			this.draggingDimension = null
@@ -155,7 +155,7 @@ export default {
 			el.removeEventListener('pointermove', this.onPointermove)
 			el.removeEventListener('pointerup', this.onPointerup)
 		},
-		computeDimensions () {
+		computeDimensions() {
 			if (this.dimensions.x) {
 				this.dimensions.x.visibleRatio = this.$refs.content.clientWidth / this.$refs.content.scrollWidth
 				this.dimensions.x.thumbLength = this.$refs.content.clientWidth * this.dimensions.x.visibleRatio
@@ -165,7 +165,7 @@ export default {
 				this.dimensions.y.thumbLength = this.$refs.content.clientHeight * this.dimensions.y.visibleRatio
 			}
 		},
-		computeThumbPositions () {
+		computeThumbPositions() {
 			if (this.dimensions.x) {
 				this.dimensions.x.thumbPosition = this.$refs.content.scrollLeft / (this.$refs.content.scrollWidth - this.$refs.content.clientWidth) * (this.$refs.content.clientWidth - this.dimensions.x.thumbLength)
 			}
@@ -177,7 +177,7 @@ export default {
 				}
 			}
 		},
-		updateThumb (dimension) {
+		updateThumb(dimension) {
 			const state = this[dimension]
 			if (!state) return
 			if (state.visibleRatio >= 1) {
diff --git a/webapp/src/components/TimezoneChanger.vue b/webapp/src/components/TimezoneChanger.vue
index a3522723..94c081ad 100644
--- a/webapp/src/components/TimezoneChanger.vue
+++ b/webapp/src/components/TimezoneChanger.vue
@@ -13,7 +13,7 @@ import { mapState } from 'vuex'
 
 export default {
 	components: {},
-	data () {
+	data() {
 		return {
 			moment
 		}
@@ -21,21 +21,21 @@ export default {
 	computed: {
 		...mapState(['userTimezone']),
 		...mapState('schedule', ['schedule']),
-		localTimezone () {
+		localTimezone() {
 			return moment.tz.guess()
 		},
-		localTimezoneLabel () {
+		localTimezoneLabel() {
 			return moment.tz(this.localTimezone).format('Z z')
 		},
-		eventTimezone () {
+		eventTimezone() {
 			return 'America/Chicago' // this.schedule.timezone
 		},
-		eventTimezoneLabel () {
+		eventTimezoneLabel() {
 			return moment.tz(this.eventTimezone).format('Z z')
 		},
 	},
-	async created () {},
-	async mounted () {
+	async created() {},
+	async mounted() {
 		await this.$nextTick()
 	},
 	methods: {}
diff --git a/webapp/src/components/UploadButton.vue b/webapp/src/components/UploadButton.vue
index 87cb301f..4b2c4782 100644
--- a/webapp/src/components/UploadButton.vue
+++ b/webapp/src/components/UploadButton.vue
@@ -32,19 +32,19 @@ export default {
 		},
 		tooltipOptions: Object
 	},
-	data () {
+	data() {
 		return {
 			id: 'file-input' + uuid() // we need to generate a unique id for label "for" to work with multiple existing upload inputs
 		}
 	},
 	computed: {
-		_tooltip () {
+		_tooltip() {
 			return this.errorMessage ? this.errorMessage : this.tooltip
 		},
-		buttonClass () {
+		buttonClass() {
 			return this.icon ? 'bunt-icon-button' : 'bunt-button'
 		},
-		iconClass () {
+		iconClass() {
 			if (!this.icon) return
 			return iconHelper.getClass(this.icon)
 		}
diff --git a/webapp/src/components/UploadUrlInput.vue b/webapp/src/components/UploadUrlInput.vue
index e5487a13..9e35f5d7 100644
--- a/webapp/src/components/UploadUrlInput.vue
+++ b/webapp/src/components/UploadUrlInput.vue
@@ -22,16 +22,16 @@ export default {
 			default: 'image/png, .png, image/jpg, .jpg, .jpeg, image/gif, .gif, application/pdf, .pdf, image/svg+xml, .svg, video/mp4, video/mpeg, .mp4, video/webm, audio/webm, .webm, audio/mp3, audio/mpeg, .mp3'
 		}
 	},
-	data () {
+	data() {
 		return {
 			uploading: false,
 		}
 	},
 	methods: {
-		update (val) {
+		update(val) {
 			this.$emit('input', val)
 		},
-		upload () {
+		upload() {
 			var file = this.$refs.fileInput.files[0]
 
 			api.uploadFilePromise(file, file.name, this.uploadUrl).then(data => {
diff --git a/webapp/src/components/UserActionPrompt.vue b/webapp/src/components/UserActionPrompt.vue
index c1ea023a..3e017cbf 100644
--- a/webapp/src/components/UserActionPrompt.vue
+++ b/webapp/src/components/UserActionPrompt.vue
@@ -27,7 +27,7 @@ export default {
 			default: 2500
 		}
 	},
-	data () {
+	data() {
 		return {
 			loading: false,
 			error: null,
@@ -35,7 +35,7 @@ export default {
 		}
 	},
 	computed: {
-		actionLabel () {
+		actionLabel() {
 			if (this.action === 'reactivate') {
 				return this.user.moderation_state === 'banned' ? 'unban' : 'unsilence'
 			}
@@ -43,7 +43,7 @@ export default {
 		}
 	},
 	methods: {
-		async takeAction () {
+		async takeAction() {
 			this.error = null
 			this.loading = true
 			try {
diff --git a/webapp/src/components/UserListPage.vue b/webapp/src/components/UserListPage.vue
index 94ec3835..179dc161 100644
--- a/webapp/src/components/UserListPage.vue
+++ b/webapp/src/components/UserListPage.vue
@@ -56,7 +56,7 @@ export default {
 			required: true
 		}
 	},
-	data () {
+	data() {
 		return {
 			toggleView: false,
 			loading: false,
@@ -70,19 +70,19 @@ export default {
 	computed: {
 		...mapState(['user', 'world']),
 		...mapGetters(['hasPermission']),
-		showProfile () {
+		showProfile() {
 			if (!this.$mq.below.s) return true
 			return this.toggleView
 		},
-		showList () {
+		showList() {
 			if (!this.$mq.below.s) return true
 			return !this.toggleView
 		},
-		isBlocked () {
+		isBlocked() {
 			if (!this.blockedUsers) return
 			return this.blockedUsers.some(user => user.id === this.selectedUser.id)
 		},
-		userStates () {
+		userStates() {
 			const states = []
 			if (this.isBlocked) {
 				states.push(this.$t('User:state:blocked'))
@@ -93,28 +93,28 @@ export default {
 			return states
 		}
 	},
-	async created () {
+	async created() {
 		this.blockedUsers = (await api.call('user.list.blocked')).users
 	},
 	methods: {
-		async updateProfile () {
+		async updateProfile() {
 			this.loading = true
 			this.userAction = null
 			this.blockedUsers = (await api.call('user.list.blocked')).users
 			this.selectedUser = await api.call('user.fetch', {id: this.selectedUser.id})
 			this.loading = false
 		},
-		async selectUser (user) {
+		async selectUser(user) {
 			this.loading = true
 			this.toggleView = !this.toggleView
 			this.selectedUser = user
 			this.exhibitors = (await api.call('exhibition.get.staffed_by_user', {user_id: user.id})).exhibitors
 			this.loading = false
 		},
-		async openDM () {
+		async openDM() {
 			await this.$store.dispatch('chat/openDirectMessage', {users: [this.selectedUser]})
 		},
-		async startCall () {
+		async startCall() {
 			const channel = await this.$store.dispatch('chat/openDirectMessage', {users: [this.selectedUser]})
 			await this.$store.dispatch('chat/startCall', {channel})
 		}
diff --git a/webapp/src/components/UserSearch.vue b/webapp/src/components/UserSearch.vue
index 0acfba2e..8e7897cb 100644
--- a/webapp/src/components/UserSearch.vue
+++ b/webapp/src/components/UserSearch.vue
@@ -24,7 +24,7 @@ export default {
 	props: {
 		placeholder: String
 	},
-	data () {
+	data() {
 		return {
 			search: '',
 			loading: false,
@@ -36,35 +36,35 @@ export default {
 		}
 	},
 	watch: {
-		page: async function () {
+		page: async function() {
 			this.loading = true
 			const newPage = (await api.call('user.list.search', {search_term: this.search, page: this.page, include_banned: false}))
 			this.lastPage = newPage.isLastPage
 			this.list.push(...newPage.results)
 			this.loading = false
 		},
-		search: async function () {
+		search: async function() {
 			await this.updateList()
 		}
 	},
-	async created () {
+	async created() {
 		this.loading = true
 		this.list = (await api.call('user.list.search', {search_term: this.search, page: this.page, include_banned: false})).results
 		this.loading = false
 	},
 	methods: {
-		updateList: async function () {
+		updateList: async function() {
 			this.loading = true
 			this.page = 1
 			this.list = (await api.call('user.list.search', {search_term: this.search, page: this.page, include_banned: false})).results
 			this.loading = false
 		},
-		select: function (index) {
+		select: function(index) {
 			this.user = this.list[index]
 			this.selectedIndex = index
 			this.$emit('selected', this.user)
 		},
-		selectNext: function () {
+		selectNext: function() {
 			if (this.selectedIndex < this.list.length - 1) {
 				if (this.selectedIndex === this.list.length - 2) { this.page++ }
 				this.selectedIndex++
@@ -72,7 +72,7 @@ export default {
 				this.selectedIndex = 0
 			}
 		},
-		selectPrev: function () {
+		selectPrev: function() {
 			if (this.selectedIndex > 0) {
 				this.selectedIndex--
 			} else {
diff --git a/webapp/src/components/UserSelect.vue b/webapp/src/components/UserSelect.vue
index 18144199..73ecfa35 100644
--- a/webapp/src/components/UserSelect.vue
+++ b/webapp/src/components/UserSelect.vue
@@ -49,7 +49,7 @@ export default {
 			default: () => []
 		},
 	},
-	data () {
+	data() {
 		return {
 			selectedUsers: [],
 			search: '',
@@ -59,14 +59,14 @@ export default {
 		}
 	},
 	watch: {
-		search () {
+		search() {
 			this.loading = false
 			this.results = []
 			this.nextPage = 1
 		}
 	},
 	methods: {
-		async loadPage () {
+		async loadPage() {
 			this.loading = true
 			const search = this.search
 			const newPage = (await api.call('user.list.search', {search_term: this.search, page: this.nextPage}))
@@ -79,13 +79,13 @@ export default {
 			}
 			this.loading = false
 		},
-		addUser (user) {
+		addUser(user) {
 			if (this.isSelected(user)) return this.removeUser(user)
 			this.selectedUsers.push(user)
 			this.$refs.input.focus()
 			this.$refs.input.select()
 		},
-		removeUser (user) {
+		removeUser(user) {
 			const index = this.selectedUsers.indexOf(user)
 			if (index > -1) {
 				this.selectedUsers.splice(index, 1)
@@ -93,10 +93,10 @@ export default {
 			this.$refs.input.focus()
 			this.$refs.input.select()
 		},
-		submit () {
+		submit() {
 			this.$emit('selected', this.selectedUsers)
 		},
-		isSelected (user) {
+		isSelected(user) {
 			return this.selectedUsers.some(u => u.id === user.id)
 		}
 	}
diff --git a/webapp/src/components/dashboard-layout/index.vue b/webapp/src/components/dashboard-layout/index.vue
index c9c92a89..068ce919 100644
--- a/webapp/src/components/dashboard-layout/index.vue
+++ b/webapp/src/components/dashboard-layout/index.vue
@@ -6,12 +6,12 @@ export default {
 			default: 360
 		}
 	},
-	data () {
+	data() {
 		return {
 			contentRect: null
 		}
 	},
-	async mounted () {
+	async mounted() {
 		await this.$nextTick()
 		this.contentRect = this.$el.getBoundingClientRect()
 		this.observer = new ResizeObserver(([{contentRect}]) => {
@@ -19,11 +19,11 @@ export default {
 		})
 		this.observer.observe(this.$el)
 	},
-	beforeUnmount () {
+	beforeUnmount() {
 		this.observer.disconnect()
 	},
 	methods: {},
-	render (createElement) {
+	render(createElement) {
 		// filter out v-if=false nodes
 		const panels = this.$slots.default.filter(vnode => !vnode.isComment)
 		const panelCount = panels.length
diff --git a/webapp/src/components/directives/dynamic-line-clamp.js b/webapp/src/components/directives/dynamic-line-clamp.js
index 14905725..3b294a42 100644
--- a/webapp/src/components/directives/dynamic-line-clamp.js
+++ b/webapp/src/components/directives/dynamic-line-clamp.js
@@ -1,7 +1,7 @@
 import Vue from 'vue'
 
 Vue.directive('dynamic-line-clamp', {
-	inserted: function (el) {
+	inserted: function(el) {
 		const rect = el.getBoundingClientRect()
 		// set webkit-line-clamp
 		el.style.setProperty('--dynamic-line-clamp', Math.floor(rect.height / (14 * 1.4)))
diff --git a/webapp/src/components/janus/JanusConference.vue b/webapp/src/components/janus/JanusConference.vue
index dd65b253..bd0a3751 100644
--- a/webapp/src/components/janus/JanusConference.vue
+++ b/webapp/src/components/janus/JanusConference.vue
@@ -166,7 +166,7 @@ export default {
 			default: 'normal'
 		},
 	},
-	data () {
+	data() {
 		return {
 			// State machines
 			connectionState: 'disconnected', // disconnected, connecting, connected, failed
@@ -237,13 +237,13 @@ export default {
 	computed: {
 		...mapState(['user']),
 
-		sortedParticipants () {
+		sortedParticipants() {
 			return this.participants.slice().sort((a, b) => a.venueless_user && b.venueless_user ? a.venueless_user.profile.display_name.localeCompare(b.venueless_user.profile.display_name) : 1)
 		},
-		sortedFeeds () {
+		sortedFeeds() {
 			return this.feeds.slice().sort((a, b) => a.venueless_user && b.venueless_user ? a.venueless_user.profile.display_name.localeCompare(b.venueless_user.profile.display_name) : 1)
 		},
-		gridStyle () {
+		gridStyle() {
 			return {
 				'--video-width': `${this.layout.width}px`,
 				'--video-height': `${this.layout.height}px`,
@@ -251,14 +251,14 @@ export default {
 		},
 	},
 	watch: {
-		feeds () {
+		feeds() {
 			this.onResize()
 		},
-		videoPublishingState () {
+		videoPublishingState() {
 			this.onResize()
 		}
 	},
-	destroyed () {
+	destroyed() {
 		if (this.janus) {
 			this.cleanup()
 		}
@@ -266,7 +266,7 @@ export default {
 			window.clearTimeout(this.connectionRetryTimeout)
 		}
 	},
-	mounted () {
+	mounted() {
 		LOG_ENTRIES.splice(0, LOG_ENTRIES.length)
 		if (this.janus) {
 			this.cleanup()
@@ -278,12 +278,12 @@ export default {
 		}, 10000)
 	},
 	methods: {
-		collectTrace () {
+		collectTrace() {
 			// Yes, passing a function to a component is an antipattern in Vue, but I'm worried about the performance
 			// penalty on Vue computing reactivity on our log which might get large.
 			return LOG_ENTRIES
 		},
-		cleanup () {
+		cleanup() {
 			this.janus.destroy({cleanupHandles: true})
 			this.connectionState = 'disconnected'
 			this.audioReceivingState = 'pending'
@@ -299,7 +299,7 @@ export default {
 			this.ourStream = null
 			this.ourScreenShareStream = null
 		},
-		onResize () {
+		onResize() {
 			const bbox = this.$refs.container.getBoundingClientRect()
 			this.layout = calculateLayout(
 				this.size === 'tiny' ? bbox.width : bbox.width - 16 * 2,
@@ -309,10 +309,10 @@ export default {
 				this.size === 'tiny' ? 0 : 8,
 			)
 		},
-		requestFullscreen (el) {
+		requestFullscreen(el) {
 			document.querySelector(el).requestFullscreen()
 		},
-		closeDevicePrompt () {
+		closeDevicePrompt() {
 			this.showDevicePrompt = false
 			if (this.videoOutput !== (localStorage.videoOutput !== 'false')) {
 				this.videoOutput = (localStorage.videoOutput !== 'false')
@@ -334,7 +334,7 @@ export default {
 				this.$refs.mixedAudio.setSinkId(localStorage.audioOutput || '')
 			}
 		},
-		async showUserCard (event, user) {
+		async showUserCard(event, user) {
 			this.selectedUser = user
 			await this.$nextTick()
 			const target = event.target.closest('.user, .participant')
@@ -354,7 +354,7 @@ export default {
 				}]
 			})
 		},
-		toggleScreenShare () {
+		toggleScreenShare() {
 			if (this.screensharingState === 'published') {
 				this.screensharingState = 'unpublishing'
 				this.screensharePluginHandle.send({message: {request: 'unpublish'}})
@@ -475,11 +475,11 @@ export default {
 					})
 			}
 		},
-		toggleVideo () {
+		toggleVideo() {
 			this.videoRequested = !this.videoRequested
 			this.publishOwnVideo()
 		},
-		disableAllVideo () {
+		disableAllVideo() {
 			this.videoRequested = false
 			localStorage.videoOutput = false
 
@@ -491,7 +491,7 @@ export default {
 			this.videoOutput = (localStorage.videoOutput !== 'false')
 			this.publishOwnVideo()
 		},
-		toggleMute () {
+		toggleMute() {
 			if (this.audioPluginHandle == null) {
 				return
 			}
@@ -505,7 +505,7 @@ export default {
 			}
 			this.knownMuteState = this.audioPluginHandle.isAudioMuted()
 		},
-		publishOwnVideo () {
+		publishOwnVideo() {
 			const media = {
 				audioRecv: false,
 				videoRecv: false,
@@ -555,7 +555,7 @@ export default {
 					},
 				})
 		},
-		publishOwnAudio () {
+		publishOwnAudio() {
 			const media = {video: false}
 			if (localStorage.audioInput) {
 				media.audio = {deviceId: localStorage.audioInput}
@@ -576,7 +576,7 @@ export default {
 				},
 			})
 		},
-		publishOwnScreenshareFeed () {
+		publishOwnScreenshareFeed() {
 			// TODO: framerate? default of 3 is pretty low
 			// TODO: currently, the "local" screenshare stream isn't handled specially, but also shown as a remote feed. This
 			// should probably be changed, since this causes an echo when a tab is shared with audio
@@ -599,7 +599,7 @@ export default {
 					},
 				})
 		},
-		subscribeRemoteVideo (id, display, audio, video) {
+		subscribeRemoteVideo(id, display, audio, video) {
 			if (!this.videoOutput && !id.includes('_screenshare_')) {
 				return
 			}
@@ -725,7 +725,7 @@ export default {
 				}
 			})
 		},
-		onJanusConnected () {
+		onJanusConnected() {
 			// Roughly based on https://janus.conf.meetecho.com/audiobridgetest.js
 			this.janus.attach(
 				{
@@ -916,7 +916,7 @@ export default {
 					},
 				})
 		},
-		connectVideoroom () {
+		connectVideoroom() {
 			// Roughly based on https://janus.conf.meetecho.com/videoroomtest.js
 			this.janus.attach(
 				{
@@ -1102,7 +1102,7 @@ export default {
 					},
 				})
 		},
-		onJanusInitialized () {
+		onJanusInitialized() {
 			this.connectionState = 'connecting'
 			Janus.trace = (t) => log('janus', 'trace', t)
 			Janus.debug = (t) => log('janus', 'debug', t)
@@ -1126,7 +1126,7 @@ export default {
 				},
 			})
 		},
-		initJanus () {
+		initJanus() {
 			this.connectionState = 'connecting'
 			Janus.init({
 				debug: 'all', // todo: conditional
@@ -1136,7 +1136,7 @@ export default {
 				})
 			})
 		},
-		async fetchUser (feed) {
+		async fetchUser(feed) {
 			const uid = feed.rfid || feed.id
 			let user = this.userCache[uid]
 			if (!user) {
@@ -1351,4 +1351,4 @@ export default {
 			.bunt-button
 				themed-button-primary()
 				margin-top: 16px
-</style>
\ No newline at end of file
+</style>
diff --git a/webapp/src/components/janus/JanusVideoroom.vue b/webapp/src/components/janus/JanusVideoroom.vue
index 38506515..cc827db7 100644
--- a/webapp/src/components/janus/JanusVideoroom.vue
+++ b/webapp/src/components/janus/JanusVideoroom.vue
@@ -158,7 +158,7 @@ export default {
 			default: 'normal'
 		},
 	},
-	data () {
+	data() {
 		return {
 			// State machines
 			connectionState: 'disconnected', // disconnected, connecting, connected, failed
@@ -223,7 +223,7 @@ export default {
 	computed: {
 		...mapState(['user']),
 
-		gridStyle () {
+		gridStyle() {
 			return {
 				'--video-width': `${this.layout.width}px`,
 				'--video-height': `${this.layout.height}px`,
@@ -231,11 +231,11 @@ export default {
 		},
 	},
 	watch: {
-		feeds () {
+		feeds() {
 			this.onResize()
 		}
 	},
-	destroyed () {
+	destroyed() {
 		if (this.janus) {
 			this.cleanup()
 		}
@@ -246,7 +246,7 @@ export default {
 			window.clearInterval(this.soundMeterInterval)
 		}
 	},
-	mounted () {
+	mounted() {
 		LOG_ENTRIES.splice(0, LOG_ENTRIES.length)
 		if (this.janus) {
 			this.cleanup()
@@ -263,12 +263,12 @@ export default {
 		}, 200)
 	},
 	methods: {
-		collectTrace () {
+		collectTrace() {
 			// Yes, passing a function to a component is an antipattern in Vue, but I'm worried about the performance
 			// penalty on Vue computing reactivity on our log which might get large.
 			return LOG_ENTRIES
 		},
-		cleanup () {
+		cleanup() {
 			this.janus.destroy({cleanupHandles: true})
 			this.connectionState = 'disconnected'
 			this.publishingState = 'unpublished'
@@ -284,7 +284,7 @@ export default {
 			}
 			this.soundMeters = {}
 		},
-		onResize () {
+		onResize() {
 			const bbox = this.$refs.container.getBoundingClientRect()
 			this.layout = calculateLayout(
 				this.size === 'tiny' ? bbox.width : bbox.width - 16 * 2,
@@ -294,10 +294,10 @@ export default {
 				this.size === 'tiny' ? 0 : 8,
 			)
 		},
-		requestFullscreen (el) {
+		requestFullscreen(el) {
 			document.querySelector(el).requestFullscreen()
 		},
-		closeDevicePrompt () {
+		closeDevicePrompt() {
 			this.showDevicePrompt = false
 			if (this.videoOutput !== (localStorage.videoOutput !== 'false')) {
 				// it's probably possible to do this without a full reconnect, but it's probably hard
@@ -314,7 +314,7 @@ export default {
 				}
 			}
 		},
-		async showUserCard (event, user) {
+		async showUserCard(event, user) {
 			this.selectedUser = user
 			await this.$nextTick()
 			const target = event.target.closest('.user')
@@ -334,7 +334,7 @@ export default {
 				}]
 			})
 		},
-		toggleScreenShare () {
+		toggleScreenShare() {
 			if (this.screensharingState === 'published') {
 				this.screensharingState = 'unpublishing'
 				this.screensharePluginHandle.send({message: {request: 'unpublish'}})
@@ -455,12 +455,12 @@ export default {
 					})
 			}
 		},
-		toggleVideo () {
+		toggleVideo() {
 			this.videoRequested = !this.videoRequested
 			localStorage.videoRequested = this.videoRequested
 			this.publishOwnFeed()
 		},
-		disableVideo () {
+		disableVideo() {
 			this.videoRequested = false
 			localStorage.videoRequested = false
 			if (this.videoOutput) {
@@ -471,7 +471,7 @@ export default {
 				this.publishOwnFeed()
 			}
 		},
-		toggleMute () {
+		toggleMute() {
 			if (this.mainPluginHandle == null) {
 				return
 			}
@@ -483,7 +483,7 @@ export default {
 			}
 			this.knownMuteState = this.mainPluginHandle.isAudioMuted()
 		},
-		publishOwnFeed () {
+		publishOwnFeed() {
 			const media = {
 				audioRecv: false,
 				videoRecv: false,
@@ -539,7 +539,7 @@ export default {
 					},
 				})
 		},
-		publishOwnScreenshareFeed () {
+		publishOwnScreenshareFeed() {
 			// TODO: framerate? default of 3 is pretty low
 			// TODO: currently, the "local" screenshare stream isn't handled specially, but also shown as a remote feed. This
 			// should probably be changed, since this causes an echo when a tab is shared with audio
@@ -562,7 +562,7 @@ export default {
 					},
 				})
 		},
-		onNewRemoteFeed (id, display, audio, video) {
+		onNewRemoteFeed(id, display, audio, video) {
 			// A new feed has been published, create a new plugin handle and attach to it as a subscriber
 			let remoteFeed = null
 			this.janus.attach({
@@ -691,7 +691,7 @@ export default {
 				},
 			})
 		},
-		onJanusConnected () {
+		onJanusConnected() {
 			// Roughly based on https://janus.conf.meetecho.com/videoroomtest.js
 			this.janus.attach(
 				{
@@ -890,7 +890,7 @@ export default {
 					},
 				})
 		},
-		initSoundMeter (stream, refname) {
+		initSoundMeter(stream, refname) {
 			const atracks = stream.getAudioTracks()
 			if (!atracks || atracks.length === 0) {
 				return
@@ -906,7 +906,7 @@ export default {
 				// do not fail visibly, it is a nice-to-have feature
 			}
 		},
-		onJanusInitialized () {
+		onJanusInitialized() {
 			this.connectionState = 'connecting'
 			Janus.trace = (t) => log('janus', 'trace', t)
 			Janus.debug = (t) => log('janus', 'debug', t)
@@ -930,7 +930,7 @@ export default {
 				},
 			})
 		},
-		initJanus () {
+		initJanus() {
 			this.connectionState = 'connecting'
 			Janus.init({
 				debug: 'all', // todo: conditional
@@ -940,7 +940,7 @@ export default {
 				})
 			})
 		},
-		async fetchUser (feed) {
+		async fetchUser(feed) {
 			feed.venueless_user = await api.call('januscall.identify', {id: feed.rfid})
 			const rfindex = this.feeds.findIndex((rf) => rf.rfid === feed.rfid)
 			this.$set(this.feeds, rfindex, feed) // force reactivity
@@ -1130,4 +1130,4 @@ export default {
 			.bunt-button
 				themed-button-primary()
 				margin-top: 16px
-</style>
\ No newline at end of file
+</style>
diff --git a/webapp/src/components/link-icon-button.vue b/webapp/src/components/link-icon-button.vue
index 7a4532c0..4c06dcb7 100644
--- a/webapp/src/components/link-icon-button.vue
+++ b/webapp/src/components/link-icon-button.vue
@@ -30,13 +30,13 @@ export default {
 		},
 		tooltipOptions: Object
 	},
-	data () {
+	data() {
 		return {
 			showTooltip: false
 		}
 	},
 	methods: {
-		iconClass () {
+		iconClass() {
 			if (this.$slots.default[0].tag) return
 			return iconHelper.getClass(this.$slots.default[0].text)
 		}
diff --git a/webapp/src/components/mixins/media-queries.js b/webapp/src/components/mixins/media-queries.js
index d3fe4405..1988d274 100644
--- a/webapp/src/components/mixins/media-queries.js
+++ b/webapp/src/components/mixins/media-queries.js
@@ -11,14 +11,14 @@ const SCALE = {
 }
 
 const Plugin = {
-	install (Vue) {
-		const match = function (value, direction) {
+	install(Vue) {
+		const match = function(value, direction) {
 			if (SCALE[value]) value = SCALE[value] + (direction === 'min' ? 1 : 0) + 'px'
 			return window.matchMedia(`(${direction}-width: ${value})`).matches
 		}
-		const proxyHandler = function (direction) {
+		const proxyHandler = function(direction) {
 			return {
-				get (target, property, receiver) {
+				get(target, property, receiver) {
 					if (typeof property !== 'symbol' && property !== '_isVue') {
 						Vue.set(target, property, match(property, direction))
 					}
@@ -31,7 +31,7 @@ const Plugin = {
 			above: new Proxy({}, proxyHandler('min')),
 			below: new Proxy({}, proxyHandler('max'))
 		})
-		const updateMatches = function (object, direction) {
+		const updateMatches = function(object, direction) {
 			for (const key of Object.keys(object)) {
 				Vue.set(object, key, match(key, direction))
 			}
@@ -43,7 +43,7 @@ const Plugin = {
 
 		window.addEventListener('resize', throttleResize)
 		Object.defineProperty(Vue.prototype, '$mq', {
-			get () {
+			get() {
 				return mq
 			}
 		})
diff --git a/webapp/src/components/mixins/schedule-provides.js b/webapp/src/components/mixins/schedule-provides.js
index 18613133..9632421d 100644
--- a/webapp/src/components/mixins/schedule-provides.js
+++ b/webapp/src/components/mixins/schedule-provides.js
@@ -1,6 +1,6 @@
 import router from 'router'
 
-function getSessionRoute (session) {
+function getSessionRoute(session) {
 	// a room having modules is a good enough indicator for a native room
 	if (this.isLive && session.room?.modules) {
 		return {name: 'room', params: {roomId: session.room.id}}
@@ -11,11 +11,11 @@ function getSessionRoute (session) {
 export default {
 	provide: {
 		linkTarget: '_blank',
-		generateSessionLinkUrl ({session}) {
+		generateSessionLinkUrl({session}) {
 			if (session.url) return session.url
 			return router.resolve(getSessionRoute.call(this, session)).href
 		},
-		async onSessionLinkClick (event, session) {
+		async onSessionLinkClick(event, session) {
 			if (!session.url) {
 				event.preventDefault()
 				await router.push(getSessionRoute.call(this, session))
diff --git a/webapp/src/components/mixins/validation-errors.js b/webapp/src/components/mixins/validation-errors.js
index 6721ed7d..8dcb9274 100644
--- a/webapp/src/components/mixins/validation-errors.js
+++ b/webapp/src/components/mixins/validation-errors.js
@@ -1,6 +1,6 @@
 export default {
 	computed: {
-		validationErrors () {
+		validationErrors() {
 			const errorMessages = []
 			const extractErrors = ($v) => {
 				const params = Object.values($v.$params)
diff --git a/webapp/src/components/notifications/Announcement.vue b/webapp/src/components/notifications/Announcement.vue
index 3566e6ff..61de718a 100644
--- a/webapp/src/components/notifications/Announcement.vue
+++ b/webapp/src/components/notifications/Announcement.vue
@@ -12,7 +12,7 @@ export default {
 		announcement: Object
 	},
 	methods: {
-		dismiss () {
+		dismiss() {
 			this.$store.dispatch('announcement/dismissAnnouncement', this.announcement)
 		}
 	}
diff --git a/webapp/src/components/notifications/ContactRequestNotification.vue b/webapp/src/components/notifications/ContactRequestNotification.vue
index 23a87a67..021545f8 100644
--- a/webapp/src/components/notifications/ContactRequestNotification.vue
+++ b/webapp/src/components/notifications/ContactRequestNotification.vue
@@ -18,16 +18,16 @@ export default {
 	props: {
 		contactRequest: Object
 	},
-	data () {
+	data() {
 		return {
 			lateStartGap: moment(this.contactRequest.timestamp).diff(moment(), 'seconds')
 		}
 	},
 	methods: {
-		close () {
+		close() {
 			this.$store.dispatch('exhibition/dismissContactRequest', this.contactRequest)
 		},
-		accept () {
+		accept() {
 			this.$store.dispatch('exhibition/acceptContactRequest', this.contactRequest)
 		}
 	}
diff --git a/webapp/src/components/notifications/NotificationPermissionNotification.vue b/webapp/src/components/notifications/NotificationPermissionNotification.vue
index b1c4222d..95ff54a4 100644
--- a/webapp/src/components/notifications/NotificationPermissionNotification.vue
+++ b/webapp/src/components/notifications/NotificationPermissionNotification.vue
@@ -10,13 +10,13 @@
 <script>
 export default {
 	components: {},
-	data () {
+	data() {
 		return {
 		}
 	},
 	computed: {},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
diff --git a/webapp/src/components/notifications/index.vue b/webapp/src/components/notifications/index.vue
index 52b161e7..0dd5312d 100644
--- a/webapp/src/components/notifications/index.vue
+++ b/webapp/src/components/notifications/index.vue
@@ -17,7 +17,7 @@ export default {
 	props: {
 		hasBackgroundMedia: Boolean
 	},
-	data () {
+	data() {
 		return {
 		}
 	},
@@ -26,8 +26,8 @@ export default {
 		...mapGetters('exhibition', ['openContactRequests']),
 		...mapGetters('announcement', ['visibleAnnouncements'])
 	},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
diff --git a/webapp/src/components/profile/ChangeAdditionalFields.vue b/webapp/src/components/profile/ChangeAdditionalFields.vue
index e39dca61..093a537c 100644
--- a/webapp/src/components/profile/ChangeAdditionalFields.vue
+++ b/webapp/src/components/profile/ChangeAdditionalFields.vue
@@ -20,7 +20,7 @@ export default {
 	},
 	computed: {
 		...mapState(['world']),
-		fields () {
+		fields() {
 			return this.world?.profile_fields
 		}
 	}
diff --git a/webapp/src/components/profile/ChangeAvatar.vue b/webapp/src/components/profile/ChangeAvatar.vue
index b228aa82..2aac104b 100644
--- a/webapp/src/components/profile/ChangeAvatar.vue
+++ b/webapp/src/components/profile/ChangeAvatar.vue
@@ -26,7 +26,7 @@ export default {
 		value: Object,
 		profile: Object
 	},
-	data () {
+	data() {
 		return {
 			identicon: null,
 			avatarImage: null,
@@ -35,7 +35,7 @@ export default {
 		}
 	},
 	computed: {
-		identiconUser () {
+		identiconUser() {
 			return {
 				profile: {
 					...this.profile,
@@ -46,7 +46,7 @@ export default {
 			}
 		}
 	},
-	created () {
+	created() {
 		if (!this.value) {
 			this.$emit('input', {})
 			this.identicon = uuid()
@@ -57,13 +57,13 @@ export default {
 		}
 	},
 	methods: {
-		changeIdenticon () {
+		changeIdenticon() {
 			this.fileError = null
 			this.avatarImage = null
 			this.identicon = uuid()
 			this.$emit('blockSave', false)
 		},
-		fileSelected (event) {
+		fileSelected(event) {
 			// TODO block reupload while running?
 			this.fileError = null
 			this.avatarImage = null
@@ -88,7 +88,7 @@ export default {
 				img.src = event.target.result
 			}
 		},
-		pixelsRestrictions ({minWidth, minHeight, maxWidth, maxHeight, imageWidth, imageHeight}) {
+		pixelsRestrictions({minWidth, minHeight, maxWidth, maxHeight, imageWidth, imageHeight}) {
 			return {
 				minWidth: Math.max(128, minWidth),
 				minHeight: Math.max(128, minHeight),
@@ -96,7 +96,7 @@ export default {
 				maxHeight: maxHeight,
 			}
 		},
-		update () {
+		update() {
 			return new Promise((resolve, reject) => {
 				const { canvas } = this.$refs.cropper?.getResult() || {}
 				if (!canvas) {
diff --git a/webapp/src/components/profile/ConnectGravatar.vue b/webapp/src/components/profile/ConnectGravatar.vue
index 579d7068..7c2e0fc5 100644
--- a/webapp/src/components/profile/ConnectGravatar.vue
+++ b/webapp/src/components/profile/ConnectGravatar.vue
@@ -13,7 +13,7 @@ import { getHash, getProfile, getAvatarUrl } from 'lib/gravatar'
 
 export default {
 	components: {},
-	data () {
+	data() {
 		return {
 			email: '',
 			searchingGravatar: false,
@@ -22,7 +22,7 @@ export default {
 		}
 	},
 	methods: {
-		async connectGravatar () {
+		async connectGravatar() {
 			this.searchingGravatar = true
 			this.gravatarError = null
 			const hash = getHash(this.email)
diff --git a/webapp/src/components/profile/GreetingPrompt.vue b/webapp/src/components/profile/GreetingPrompt.vue
index 27956760..371ea229 100644
--- a/webapp/src/components/profile/GreetingPrompt.vue
+++ b/webapp/src/components/profile/GreetingPrompt.vue
@@ -55,7 +55,7 @@ import ConnectGravatar from './ConnectGravatar'
 
 export default {
 	components: { Prompt, ChangeAvatar, ChangeAdditionalFields, ConnectGravatar },
-	data () {
+	data() {
 		return {
 			activeStep: null,
 			showConnectGravatar: false,
@@ -66,7 +66,7 @@ export default {
 			interfaceLanguage: this.$i18n.resolvedLanguage,
 		}
 	},
-	validations () {
+	validations() {
 		if (this.activeStep !== 'displayName') return {}
 		return {
 			profile: {
@@ -78,7 +78,7 @@ export default {
 	},
 	computed: {
 		...mapState(['user', 'world']),
-		steps () {
+		steps() {
 			const steps = [
 				'displayName',
 				'displayLanguage',
@@ -88,18 +88,18 @@ export default {
 			if (this.world?.profile_fields?.length) steps.push('additionalFields')
 			return steps
 		},
-		previousStep () {
+		previousStep() {
 			return this.steps[this.steps.indexOf(this.activeStep) - 1]
 		},
-		nextStep () {
+		nextStep() {
 			return this.steps[this.steps.indexOf(this.activeStep) + 1]
 		},
-		languages () {
+		languages() {
 			if (!config.locales?.length) return null
 			return locales.filter(locale => config.locales.includes(locale.code))
 		}
 	},
-	async created () {
+	async created() {
 		this.activeStep = this.steps[0]
 		this.profile = Object.assign({
 			greeted: true,
@@ -113,7 +113,7 @@ export default {
 		if (this.activeStep === 'connectSocial' && this.profile.avatar.url) this.activeStep = this.nextStep
 	},
 	methods: {
-		async toNextStep () {
+		async toNextStep() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			if (this.$refs.step?.update) {
@@ -123,19 +123,19 @@ export default {
 			}
 			this.activeStep = this.nextStep
 		},
-		async connectSocial (network) {
+		async connectSocial(network) {
 			const { url } = await api.call('user.social.connect', {
 				network,
 				return_url: window.location.href
 			})
 			window.location = url
 		},
-		setGravatar (gravatar) {
+		setGravatar(gravatar) {
 			Object.assign(this.profile, gravatar)
 			this.showConnectGravatar = false
 			this.activeStep = this.nextStep
 		},
-		async update () {
+		async update() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			this.saving = true
diff --git a/webapp/src/components/profile/ProfileFields.vue b/webapp/src/components/profile/ProfileFields.vue
index 23ac81f5..da11efa4 100644
--- a/webapp/src/components/profile/ProfileFields.vue
+++ b/webapp/src/components/profile/ProfileFields.vue
@@ -34,13 +34,13 @@ export default {
 	props: {
 		user: Object
 	},
-	data () {
+	data() {
 		return {
 		}
 	},
 	computed: {
 		...mapState(['world']),
-		fields () {
+		fields() {
 			if (!this.user.profile?.fields) return
 			return this.world?.profile_fields
 				.map(field => ({...field, value: this.user.profile.fields[field.id]}))
@@ -48,7 +48,7 @@ export default {
 		},
 	},
 	methods: {
-		getLinkLabel (field) {
+		getLinkLabel(field) {
 			const generator = NETWORK_LABEL_GENERATORS[field.network]
 			if (!generator) return field.value
 			const match = field.value.match(generator.regex)
diff --git a/webapp/src/features.js b/webapp/src/features.js
index 1ca38539..f0aebac1 100644
--- a/webapp/src/features.js
+++ b/webapp/src/features.js
@@ -3,7 +3,7 @@
 import config from 'config'
 
 export default {
-	enabled (feature) {
+	enabled(feature) {
 		if (ENV_DEVELOPMENT) return true
 		return config.features?.includes(feature)
 	}
diff --git a/webapp/src/i18n.js b/webapp/src/i18n.js
index 12629152..41f3d902 100644
--- a/webapp/src/i18n.js
+++ b/webapp/src/i18n.js
@@ -24,7 +24,7 @@ import config from 'config'
 
 export default i18next
 
-export function localize (string) {
+export function localize(string) {
 	if (typeof string === 'string') return string
 	for (const lang of i18next.languages) {
 		if (string[lang]) return string[lang]
@@ -32,13 +32,13 @@ export function localize (string) {
 	return Object.values(string)[0]
 }
 
-export async function init (Vue) {
+export async function init(Vue) {
 	await i18next
 		// dynamic locale loader using webpack chunks
 		.use({
 			type: 'backend',
-			init (services, backendOptions, i18nextOptions) {},
-			async read (language, namespace, callback) {
+			init(services, backendOptions, i18nextOptions) {},
+			async read(language, namespace, callback) {
 				try {
 					const locale = await import(/* webpackChunkName: "locale-[request]" */ `./locales/${language}.json`)
 					callback(null, locale.default)
@@ -51,7 +51,7 @@ export async function init (Vue) {
 		.use({
 			type: 'postProcessor',
 			name: 'themeOverwrites',
-			process (value, key, options, translator) {
+			process(value, key, options, translator) {
 				return config.theme?.textOverwrites?.[key[0]] ?? value
 			}
 		})
diff --git a/webapp/src/lib/ApiError.js b/webapp/src/lib/ApiError.js
index 46b939ee..68aa43d3 100644
--- a/webapp/src/lib/ApiError.js
+++ b/webapp/src/lib/ApiError.js
@@ -1,5 +1,5 @@
 class ApiError extends Error {
-	constructor (apiError, ...params) {
+	constructor(apiError, ...params) {
 		// Pass remaining arguments (including vendor specific ones) to parent constructor
 		super(apiError.message || JSON.stringify(apiError.error), ...params)
 
diff --git a/webapp/src/lib/WebSocketClient.js b/webapp/src/lib/WebSocketClient.js
index 82e7e62e..782deed3 100644
--- a/webapp/src/lib/WebSocketClient.js
+++ b/webapp/src/lib/WebSocketClient.js
@@ -2,9 +2,9 @@
 import EventEmitter from 'events'
 import ApiError from './ApiError'
 
-const defer = function () {
+const defer = function() {
 	const deferred = {}
-	deferred.promise = new Promise(function (resolve, reject) {
+	deferred.promise = new Promise(function(resolve, reject) {
 		deferred.resolve = resolve
 		deferred.reject = reject
 	})
@@ -12,7 +12,7 @@ const defer = function () {
 }
 
 class WebSocketClient extends EventEmitter {
-	constructor (url, config) {
+	constructor(url, config) {
 		super()
 		const defaultConfig = {
 			pingInterval: 10000,
@@ -26,17 +26,17 @@ class WebSocketClient extends EventEmitter {
 		this._url = url
 	}
 
-	connect () {
+	connect() {
 		this._createSocket()
 	}
 
-	close () {
+	close() {
 		this._normalClose = true
 		this._socket.close()
 		clearTimeout(this._joinTimeout)
 	}
 
-	call (name, data, opts) {
+	call(name, data, opts) {
 		const options = {
 			timeout: 15000
 		}
@@ -60,7 +60,7 @@ class WebSocketClient extends EventEmitter {
 	// ===========================================================================
 	// INTERNALS
 	// ===========================================================================
-	_createSocket () {
+	_createSocket() {
 		this._socket = new WebSocket(this._url)
 		this.socketState = 'connecting' // 'closed', 'open', 'connecting'
 		this._pingState = {
@@ -92,7 +92,7 @@ class WebSocketClient extends EventEmitter {
 		this._joinTimeout = null
 	}
 
-	_send (payload) {
+	_send(payload) {
 		this._socket.send(payload)
 		this.emit('log', {
 			direction: 'send',
@@ -100,7 +100,7 @@ class WebSocketClient extends EventEmitter {
 		})
 	}
 
-	_authenticate () {
+	_authenticate() {
 		const payload = {}
 		if (this._config.token) {
 			payload.token = this._config.token
@@ -114,7 +114,7 @@ class WebSocketClient extends EventEmitter {
 		this._send(JSON.stringify(['authenticate', payload]))
 	}
 
-	_ping (starterSocket) { // we need a ref to the socket to detect reconnects and stop the old ping loop
+	_ping(starterSocket) { // we need a ref to the socket to detect reconnects and stop the old ping loop
 		if (this._socket.readyState !== 1) return
 		const timestamp = Date.now()
 		const payload = [
@@ -131,12 +131,12 @@ class WebSocketClient extends EventEmitter {
 		}, this._config.pingInterval)
 	}
 
-	_handlePingTimeout () {
+	_handlePingTimeout() {
 		this._socket.close()
 		this.emit('closed')
 	}
 
-	_processMessage (rawMessage) {
+	_processMessage(rawMessage) {
 		const message = JSON.parse(rawMessage.data)
 
 		const actionHandlers = {
@@ -158,20 +158,20 @@ class WebSocketClient extends EventEmitter {
 	}
 
 	// request - response promise matching
-	_createRequest (callback) {
+	_createRequest(callback) {
 		const id = this._nextRequestIndex++
 		const deferred = defer()
 		this._openRequests[id] = { deferred, callback }
 		return { id, promise: deferred.promise }
 	}
 
-	_popPendingRequest (id) {
+	_popPendingRequest(id) {
 		const req = this._openRequests[id]
 		this._openRequests[id] = undefined
 		return req
 	}
 
-	_handleError (message) {
+	_handleError(message) {
 		const req = this._popPendingRequest(message[1])
 		if (req === null || req === undefined) {
 			this.emit('error', message[message.length - 1])
@@ -180,7 +180,7 @@ class WebSocketClient extends EventEmitter {
 		}
 	}
 
-	_handleCallSuccess (message) {
+	_handleCallSuccess(message) {
 		const req = this._popPendingRequest(message[1])
 		if (req === null || req === undefined) {
 			this.emit('warning', `no saved request with id: ${message[1]}`)
@@ -193,17 +193,17 @@ class WebSocketClient extends EventEmitter {
 		}
 	}
 
-	_handleReload (message) {
+	_handleReload(message) {
 		this.close()
 		location.reload()
 	}
 
-	_handlePong (message) {
+	_handlePong(message) {
 		this.emit('pong')
 		this._pingState.latestPong = Date.now()
 	}
 
-	_handleJoined (message) {
+	_handleJoined(message) {
 		clearTimeout(this._joinTimeout)
 		this._joinTimeout = null
 		this.emit('joined', message[1])
@@ -214,7 +214,7 @@ class WebSocketClient extends EventEmitter {
 		}, this._config.pingInterval)
 	}
 
-	_handleJoinError (message) {
+	_handleJoinError(message) {
 		clearTimeout(this._joinTimeout)
 		this._joinTimeout = null
 		this.emit('error', message[1].error)
diff --git a/webapp/src/lib/api.js b/webapp/src/lib/api.js
index 29f3b667..66d6ad87 100644
--- a/webapp/src/lib/api.js
+++ b/webapp/src/lib/api.js
@@ -4,7 +4,7 @@ import store from 'store'
 import WebSocketClient from './WebSocketClient'
 
 const api = Object.create(WebSocketClient.prototype)
-api.connect = function ({token, clientId, inviteToken}) {
+api.connect = function({token, clientId, inviteToken}) {
 	if (api._socket) {
 		api.close()
 	}
@@ -54,7 +54,7 @@ api.connect = function ({token, clientId, inviteToken}) {
 	})
 }
 
-api.uploadFile = function (file, filename, url, width, height) {
+api.uploadFile = function(file, filename, url, width, height) {
 	url = url || config.api.upload
 	const data = new FormData()
 	data.append('file', file, filename)
@@ -73,7 +73,7 @@ api.uploadFile = function (file, filename, url, width, height) {
 }
 
 // TODO unify, rename, progress support
-api.uploadFilePromise = function (file, filename, url) {
+api.uploadFilePromise = function(file, filename, url) {
 	url = url || config.api.upload
 	const data = new FormData()
 	data.append('file', file, filename)
diff --git a/webapp/src/lib/emoji.js b/webapp/src/lib/emoji.js
index 8b242f39..ebc25aac 100644
--- a/webapp/src/lib/emoji.js
+++ b/webapp/src/lib/emoji.js
@@ -13,15 +13,15 @@ const emojiRegex = EmojiRegex()
 const splitEmojiRegex = new RegExp(`(${emojiRegex.source})`, 'g')
 const startsWithEmojiRegex = new RegExp(`^${emojiRegex.source}`)
 
-export function objectToCssString (object) {
+export function objectToCssString(object) {
 	return Object.entries(object).map(([key, value]) => `${key}:${value}`).join(';')
 }
 
-export function startsWithEmoji (string) {
+export function startsWithEmoji(string) {
 	return startsWithEmojiRegex.test(string)
 }
 
-export function nativeToOps (string) {
+export function nativeToOps(string) {
 	return string.split(splitEmojiRegex).map(match => {
 		if (emojiRegex.test(match)) {
 			// slightly wasteful to test for emoji again
@@ -32,11 +32,11 @@ export function nativeToOps (string) {
 	})
 }
 
-export function getEmojiDataFromNative (native) {
+export function getEmojiDataFromNative(native) {
 	return data.emojis[_getEmojiDataFromNative(native, 'twitter', data).id]
 }
 
-export function nativeToStyle (unicodeEmoji) {
+export function nativeToStyle(unicodeEmoji) {
 	// maps multi-codepoint emoji like 🇻🇦 / \uD83C\uDDFB\uD83C\uDDE6 => 1f1fb-1f1e6.svg
 	const codepoints = Array.from(unicodeEmoji).map(c => c.codePointAt(0).toString(16))
 	let src
@@ -58,13 +58,13 @@ export function nativeToStyle (unicodeEmoji) {
 	return {'background-image': `url(${src})`}
 }
 
-export function markdownEmoji (md) {
-	function splitTextToken (text, Token) {
+export function markdownEmoji(md) {
+	function splitTextToken(text, Token) {
 		let token
 		let lastPos = 0
 		const tokens = []
 
-		text.replace(emojiRegex, function (match, offset, src) {
+		text.replace(emojiRegex, function(match, offset, src) {
 			// Add new tokens to pending list
 			if (offset > lastPos) {
 				token = new Token('text', '', 0)
@@ -86,7 +86,7 @@ export function markdownEmoji (md) {
 
 		return tokens
 	}
-	md.core.ruler.push('emoji', function emojiReplace (state) {
+	md.core.ruler.push('emoji', function emojiReplace(state) {
 		let autolinkLevel = 0
 
 		for (const blockToken of state.tokens) {
@@ -123,13 +123,13 @@ export function markdownEmoji (md) {
 const markdownIt = MarkdownIt('zero', {})
 markdownIt.use(markdownEmoji)
 
-export function emojifyString (input) {
+export function emojifyString(input) {
 	if (!input) return
 	return markdownIt.renderInline(input)
 }
 
 export const emojiPlugin = {
-	install (Vue) {
+	install(Vue) {
 		Vue.prototype.$emojify = emojifyString
 	}
 }
diff --git a/webapp/src/lib/filetypes.js b/webapp/src/lib/filetypes.js
index 6115a682..d86ef0cb 100644
--- a/webapp/src/lib/filetypes.js
+++ b/webapp/src/lib/filetypes.js
@@ -1,4 +1,4 @@
-export function getIconByFileEnding (url) {
+export function getIconByFileEnding(url) {
 	url = url?.toLowerCase()
 	if (/\.pdf$/.test(url)) return 'file-pdf-outline'
 	if (/\.xlsx?$/.test(url)) return 'file-excel-outline'
diff --git a/webapp/src/lib/fuzzysearch.js b/webapp/src/lib/fuzzysearch.js
index cc8bee12..bcad7ba9 100644
--- a/webapp/src/lib/fuzzysearch.js
+++ b/webapp/src/lib/fuzzysearch.js
@@ -1,6 +1,6 @@
 // from https://github.com/bevacqua/fuzzysearch/blob/master/index.js
 /* eslint no-labels: 0 */
-export default function fuzzysearch (needle, haystack) {
+export default function fuzzysearch(needle, haystack) {
 	if (!needle || !haystack) return
 	const hlen = haystack.length
 	const nlen = needle.length
diff --git a/webapp/src/lib/gravatar.js b/webapp/src/lib/gravatar.js
index e7d3b131..b4bca2d4 100644
--- a/webapp/src/lib/gravatar.js
+++ b/webapp/src/lib/gravatar.js
@@ -1,17 +1,17 @@
 import { createHash } from 'crypto'
 
-const getHash = function (id) {
+const getHash = function(id) {
 	const hash = createHash('md5')
 	hash.update(id.toLowerCase().trim())
 	return hash.digest('hex')
 }
 
-const getProfile = async function (hash) {
-	return new Promise(function (resolve, reject) {
+const getProfile = async function(hash) {
+	return new Promise(function(resolve, reject) {
 		const script = document.createElement('script')
 		script.src = `https://gravatar.com/${hash}.json?callback=gravatarJSONP`
 		const timeout = setTimeout(reject, 15000)
-		window.gravatarJSONP = function (profile) {
+		window.gravatarJSONP = function(profile) {
 			window.gravatarJSONP = undefined
 			script.remove()
 			clearTimeout(timeout)
@@ -21,7 +21,7 @@ const getProfile = async function (hash) {
 	})
 }
 
-const getAvatarUrl = function (hash, size = 80) {
+const getAvatarUrl = function(hash, size = 80) {
 	return `https://gravatar.com/avatar/${hash}?s=${size}&d=404`
 }
 
diff --git a/webapp/src/lib/identicon.js b/webapp/src/lib/identicon.js
index e6ef6c2c..1e1eba96 100644
--- a/webapp/src/lib/identicon.js
+++ b/webapp/src/lib/identicon.js
@@ -5,14 +5,14 @@ const PALETTE = [
 	'#FFEB3B', '#FFC107', '#FF9800', '#FF5722', '#795548', '#607D8B'
 ]
 
-const hashFunc = function (source) {
-	return String(source).split('').reduce(function (a, b) {
+const hashFunc = function(source) {
+	return String(source).split('').reduce(function(a, b) {
 		a = ((a << 5) - a) + b.charCodeAt(0)
 		return a & a
 	}, 0)
 }
 
-export function getIdenticonSVG (id) {
+export function getIdenticonSVG(id) {
 	const hash = hashFunc(id)
 	const primaryColor = PALETTE[Math.abs(hash % PALETTE.length)]
 	const accentColor = PALETTE[Math.abs(hashFunc(hash) % PALETTE.length)]
@@ -124,6 +124,6 @@ export function getIdenticonSVG (id) {
 `
 }
 
-export function getIdenticonSvgUrl (id) {
+export function getIdenticonSvgUrl(id) {
 	return `data:image/svg+xml;base64,${btoa(getIdenticonSVG(id).replace(/[\t\n]/g, ''))}`
 }
diff --git a/webapp/src/lib/identicons/index.js b/webapp/src/lib/identicons/index.js
index 7823df6a..a7020fc0 100644
--- a/webapp/src/lib/identicons/index.js
+++ b/webapp/src/lib/identicons/index.js
@@ -7,14 +7,14 @@ const renderers = {
 	initials
 }
 
-const hashFunc = function (source) {
-	return String(source).split('').reduce(function (a, b) {
+const hashFunc = function(source) {
+	return String(source).split('').reduce(function(a, b) {
 		a = ((a << 5) - a) + b.charCodeAt(0)
 		return a & a
 	}, 0)
 }
 
-export function renderSvg (user, style) {
+export function renderSvg(user, style) {
 	const random = new Random(
 		MersenneTwister19937.seed(hashFunc(user.profile?.avatar?.identicon ?? user.profile?.identicon ?? user.id))
 	)
@@ -28,7 +28,7 @@ export function renderSvg (user, style) {
 	return renderer.renderSvg(random, user.profile, config)
 }
 
-export function renderUrl (user, style) {
+export function renderUrl(user, style) {
 	return `data:image/svg+xml;base64,${btoa(renderSvg(user, style).replace(/[\t\n]/g, ''))}`
 }
 
diff --git a/webapp/src/lib/identicons/renderer-identiheart.js b/webapp/src/lib/identicons/renderer-identiheart.js
index 5dbea676..0076a709 100644
--- a/webapp/src/lib/identicons/renderer-identiheart.js
+++ b/webapp/src/lib/identicons/renderer-identiheart.js
@@ -12,7 +12,7 @@ export const definition = {
 	}
 }
 
-export function renderSvg (random, userProfile, config) {
+export function renderSvg(random, userProfile, config) {
 	const hash = random.engine.next()
 	const primaryColor = random.pick(config.colorPalette)
 	const accentColor = random.pick(config.colorPalette)
diff --git a/webapp/src/lib/identicons/renderer-initials.js b/webapp/src/lib/identicons/renderer-initials.js
index dcf0564d..ebe2b519 100644
--- a/webapp/src/lib/identicons/renderer-initials.js
+++ b/webapp/src/lib/identicons/renderer-initials.js
@@ -23,7 +23,7 @@ export const definition = {
 	},
 }
 
-export function renderSvg (random, userProfile, config) {
+export function renderSvg(random, userProfile, config) {
 	const initials = userProfile.display_name
 		.split(' ')
 		.map((n) => n[0])
diff --git a/webapp/src/lib/identicons/renderer-skeleton.js b/webapp/src/lib/identicons/renderer-skeleton.js
index 566deec8..acd83249 100644
--- a/webapp/src/lib/identicons/renderer-skeleton.js
+++ b/webapp/src/lib/identicons/renderer-skeleton.js
@@ -20,7 +20,7 @@ export const definition = {
 // - config: object, event-global config for identicons, based on renderer definition
 //   - colorPalette: [string], array of colors, same size as definition.colorPalette.size
 
-export function renderSvg (random, userProfile, config) {
+export function renderSvg(random, userProfile, config) {
 	return `
 	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1">
 		YOUR SVG HERE
diff --git a/webapp/src/lib/profile.js b/webapp/src/lib/profile.js
index 159d856d..14960fc3 100644
--- a/webapp/src/lib/profile.js
+++ b/webapp/src/lib/profile.js
@@ -2,9 +2,9 @@ import i18n from 'i18n'
 
 // Function to get the display name of a user
 export function getUserName(user) {
-  // Return a localized string if the user is deleted
-  if (user.deleted) return i18n.t('User:label:deleted')
-  
-  // Return the display name if available, otherwise return the sender or a default string
-  return user.profile?.display_name ?? user.sender ?? '(unknown user)'
-}
\ No newline at end of file
+	// Return a localized string if the user is deleted
+	if (user.deleted) return i18n.t('User:label:deleted')
+
+	// Return the display name if available, otherwise return the sender or a default string
+	return user.profile?.display_name ?? user.sender ?? '(unknown user)'
+}
diff --git a/webapp/src/lib/quill/BuntTheme.js b/webapp/src/lib/quill/BuntTheme.js
index 46c592db..6b058a84 100644
--- a/webapp/src/lib/quill/BuntTheme.js
+++ b/webapp/src/lib/quill/BuntTheme.js
@@ -8,10 +8,10 @@ const LinkBlot = Quill.import('formats/link')
 
 // This is based on the "snow" theme from quill, but optimized to work with buntpapier
 class BuntTheme extends BaseTheme {
-	extendToolbar (toolbar) {
+	extendToolbar(toolbar) {
 		this.tooltip = new BuntTooltip(this.quill, this.options.bounds)
 		if (toolbar.container.querySelector('.ql-link')) {
-			this.quill.keyboard.addBinding({ key: 'K', shortKey: true }, function (range, context) {
+			this.quill.keyboard.addBinding({ key: 'K', shortKey: true }, function(range, context) {
 				toolbar.handlers.link.call(toolbar, !context.format.link)
 			})
 		}
@@ -21,7 +21,7 @@ BuntTheme.DEFAULTS = defaultsDeep(defaultsDeep({}, BaseTheme.DEFAULTS), {
 	modules: {
 		toolbar: {
 			handlers: {
-				link: function (value) {
+				link: function(value) {
 					if (value) {
 						const range = this.quill.getSelection()
 						if (range == null || range.length === 0) return
@@ -41,12 +41,12 @@ BuntTheme.DEFAULTS = defaultsDeep(defaultsDeep({}, BaseTheme.DEFAULTS), {
 })
 
 class BuntTooltip extends BaseTooltip {
-	constructor (quill, bounds) {
+	constructor(quill, bounds) {
 		super(quill, bounds)
 		this.preview = this.root.querySelector('a.ql-preview')
 	}
 
-	listen () {
+	listen() {
 		super.listen()
 		this.root.querySelector('a.ql-action').addEventListener('click', (event) => {
 			if (this.root.classList.contains('ql-editing')) {
@@ -87,7 +87,7 @@ class BuntTooltip extends BaseTooltip {
 		})
 	}
 
-	show () {
+	show() {
 		super.show()
 		this.root.removeAttribute('data-mode')
 	}
diff --git a/webapp/src/lib/quill/VideoResponsive.js b/webapp/src/lib/quill/VideoResponsive.js
index b04fd5c8..a81bdb45 100644
--- a/webapp/src/lib/quill/VideoResponsive.js
+++ b/webapp/src/lib/quill/VideoResponsive.js
@@ -15,7 +15,7 @@ export default class VideoResponsive extends BlockEmbed {
 	static tagName = 'div'
 	static className = 'ql-video-wrapper'
 
-	static create (value) {
+	static create(value) {
 		const node = super.create(value)
 		const src = this.sanitize(value)
 		const innerNode = document.createElement('div')
@@ -37,11 +37,11 @@ export default class VideoResponsive extends BlockEmbed {
 		return node
 	}
 
-	static sanitize (url) {
+	static sanitize(url) {
 		return Link.sanitize(url)
 	}
 
-	static value (domNode) {
+	static value(domNode) {
 		const iframe = domNode.querySelector('.ql-video-inner')
 		return iframe ? iframe.dataset.src : ''
 	}
diff --git a/webapp/src/lib/quill/emoji.js b/webapp/src/lib/quill/emoji.js
index 4fa846de..822a43ad 100644
--- a/webapp/src/lib/quill/emoji.js
+++ b/webapp/src/lib/quill/emoji.js
@@ -4,21 +4,21 @@ import { nativeToStyle as nativeEmojiToStyle, objectToCssString } from 'lib/emoj
 const Embed = Quill.import('blots/embed')
 
 class EmojiBlot extends Embed {
-  static create(value) {
-    const node = super.create()
-    node.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
-    node.style.cssText = objectToCssString(nativeEmojiToStyle(value))
-    node.dataset.emoji = value
-    return node
-  }
+	static create(value) {
+		const node = super.create()
+		node.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
+		node.style.cssText = objectToCssString(nativeEmojiToStyle(value))
+		node.dataset.emoji = value
+		return node
+	}
 
-  static value(node) {
-    return node.dataset.emoji
-  }
+	static value(node) {
+		return node.dataset.emoji
+	}
 }
 
 EmojiBlot.blotName = 'emoji'
 EmojiBlot.className = 'emoji'
 EmojiBlot.tagName = 'img'
 
-Quill.register(EmojiBlot)
\ No newline at end of file
+Quill.register(EmojiBlot)
diff --git a/webapp/src/lib/quill/mention.js b/webapp/src/lib/quill/mention.js
index 952d3308..c9d1cc40 100644
--- a/webapp/src/lib/quill/mention.js
+++ b/webapp/src/lib/quill/mention.js
@@ -3,83 +3,83 @@ import Quill from 'quill'
 const Embed = Quill.import('blots/embed')
 
 class MentionBlot extends Embed {
-  constructor(scroll, node) {
-    super(scroll, node)
-    this.clickHandler = null
-    this.hoverHandler = null
-    this.mounted = false
-  }
+	constructor(scroll, node) {
+		super(scroll, node)
+		this.clickHandler = null
+		this.hoverHandler = null
+		this.mounted = false
+	}
 
-  // Create a new MentionBlot with the provided data
-  static create(data) {
-    const node = super.create()
-    node.innerText = '@' + data.name
-    return MentionBlot.setDataValues(node, data)
-  }
+	// Create a new MentionBlot with the provided data
+	static create(data) {
+		const node = super.create()
+		node.innerText = '@' + data.name
+		return MentionBlot.setDataValues(node, data)
+	}
 
-  // Set data attributes on the DOM element
-  static setDataValues(element, data) {
-    Object.keys(data).forEach(key => {
-      element.dataset[key] = data[key]
-    })
-    return element
-  }
+	// Set data attributes on the DOM element
+	static setDataValues(element, data) {
+		Object.keys(data).forEach(key => {
+			element.dataset[key] = data[key]
+		})
+		return element
+	}
 
-  // Return the dataset of the DOM element
-  static value(domNode) {
-    return domNode.dataset
-  }
+	// Return the dataset of the DOM element
+	static value(domNode) {
+		return domNode.dataset
+	}
 
-  // Attach event listeners for click and hover when the blot is mounted
-  attach() {
-    super.attach()
-    if (!this.mounted) {
-      this.mounted = true
-      this.clickHandler = this.getClickHandler()
-      this.hoverHandler = this.getHoverHandler()
-      this.domNode.addEventListener('click', this.clickHandler, false)
-      this.domNode.addEventListener('mouseenter', this.hoverHandler, false)
-    }
-  }
+	// Attach event listeners for click and hover when the blot is mounted
+	attach() {
+		super.attach()
+		if (!this.mounted) {
+			this.mounted = true
+			this.clickHandler = this.getClickHandler()
+			this.hoverHandler = this.getHoverHandler()
+			this.domNode.addEventListener('click', this.clickHandler, false)
+			this.domNode.addEventListener('mouseenter', this.hoverHandler, false)
+		}
+	}
 
-  // Detach event listeners when the blot is unmounted
-  detach() {
-    super.detach()
-    this.mounted = false
-    if (this.clickHandler) {
-      this.domNode.removeEventListener('click', this.clickHandler)
-      this.clickHandler = null
-    }
-  }
+	// Detach event listeners when the blot is unmounted
+	detach() {
+		super.detach()
+		this.mounted = false
+		if (this.clickHandler) {
+			this.domNode.removeEventListener('click', this.clickHandler)
+			this.clickHandler = null
+		}
+	}
 
-  // Return the click event handler
-  getClickHandler() {
-    return (e) => {
-      const event = this.buildEvent('mention-clicked', e)
-      window.dispatchEvent(event)
-      e.preventDefault()
-    }
-  }
+	// Return the click event handler
+	getClickHandler() {
+		return (e) => {
+			const event = this.buildEvent('mention-clicked', e)
+			window.dispatchEvent(event)
+			e.preventDefault()
+		}
+	}
 
-  // Return the hover event handler
-  getHoverHandler() {
-    return (e) => {
-      const event = this.buildEvent('mention-hovered', e)
-      window.dispatchEvent(event)
-      e.preventDefault()
-    }
-  }
+	// Return the hover event handler
+	getHoverHandler() {
+		return (e) => {
+			const event = this.buildEvent('mention-hovered', e)
+			window.dispatchEvent(event)
+			e.preventDefault()
+		}
+	}
 
-  // Build and return a custom event with the provided name and original event
-  buildEvent(name, e) {
-    const event = new Event(name, {
-      bubbles: true,
-      cancelable: true,
-    })
-    event.value = { ...this.domNode.dataset }
-    event.event = e
-    return event
-  }
+	// Build and return a custom event with the provided name and original event
+	buildEvent(name, e) {
+		const event = new Event(name, {
+			bubbles: true,
+			cancelable: true,
+		})
+		event.value = { ...this.domNode.dataset }
+		event.event = e
+		return event
+	}
 }
 
 MentionBlot.blotName = 'mention'
@@ -87,4 +87,4 @@ MentionBlot.tagName = 'span'
 MentionBlot.className = 'mention'
 
 // Register the MentionBlot with Quill
-Quill.register('blots/mention', MentionBlot)
\ No newline at end of file
+Quill.register('blots/mention', MentionBlot)
diff --git a/webapp/src/lib/room-types.js b/webapp/src/lib/room-types.js
index be46b4ff..224a4c2a 100644
--- a/webapp/src/lib/room-types.js
+++ b/webapp/src/lib/room-types.js
@@ -81,7 +81,7 @@ const ROOM_TYPES = [{
 
 export default ROOM_TYPES.filter(type => !type.behindFeatureFlag || features.enabled(type.behindFeatureFlag))
 
-export function inferType (config) {
+export function inferType(config) {
 	const modules = config.module_config.reduce((acc, module) => {
 		acc[module.type] = module
 		return acc
@@ -102,6 +102,6 @@ export function inferType (config) {
 }
 
 // TODO clean up with `inferType` function
-export function inferRoomType (room) {
+export function inferRoomType(room) {
 	return inferType({module_config: room.modules})
 }
diff --git a/webapp/src/lib/search.js b/webapp/src/lib/search.js
index f6f91fad..e495c3d6 100644
--- a/webapp/src/lib/search.js
+++ b/webapp/src/lib/search.js
@@ -5,8 +5,8 @@ const TRANSLITERATIONS = {
 	ß: 'ss'
 }
 
-export function phonyMatcher (searchTerm) {
-	function normalize (value) {
+export function phonyMatcher(searchTerm) {
+	function normalize(value) {
 		return value
 			.replace(/[äöüß]/g, (char) => TRANSLITERATIONS[char])
 			.replace(/[\s_\-,;.:/\\]+/g, ' ') // compact whitespace and separators
diff --git a/webapp/src/lib/timetravelMoment.js b/webapp/src/lib/timetravelMoment.js
index 9b729c9f..f18700aa 100644
--- a/webapp/src/lib/timetravelMoment.js
+++ b/webapp/src/lib/timetravelMoment.js
@@ -3,7 +3,7 @@
 import config from 'config'
 delete require.cache[require.resolve('moment')]
 const moment = require('moment-timezone')
-moment.locale(config.dateLocale || 'en-ie') // use ireland for 24h clock
+moment.locale(config.date_locale || 'en-ie') // use ireland for 24h clock
 // moment.tz.setDefault('America/New_York')
 
 for (const key of Object.keys(require.cache)) {
@@ -12,10 +12,10 @@ for (const key of Object.keys(require.cache)) {
 }
 // conf the global moment instance here
 const mainMoment = require('moment')
-mainMoment.locale(config.dateLocale || 'en-ie') // use ireland for 24h clock
+mainMoment.locale(config.date_locale || 'en-ie') // use ireland for 24h clock
 if (config.timetravelTo) {
 	const timetravelTimestamp = moment(config.timetravelTo).valueOf()
-	moment.now = function () { return timetravelTimestamp }
+	moment.now = function() { return timetravelTimestamp }
 	console.warn('timetraveling to', moment()._d)
 }
 
diff --git a/webapp/src/lib/traitGrants.js b/webapp/src/lib/traitGrants.js
index c8abe4fb..1fa9e16c 100644
--- a/webapp/src/lib/traitGrants.js
+++ b/webapp/src/lib/traitGrants.js
@@ -1,14 +1,14 @@
-export function parseTraitGrants (grantsString) {
+export function parseTraitGrants(grantsString) {
 	return grantsString.split(',').map(
 		(i) => i.trim().split('|').filter((j) => j.length > 0)
 	).filter((i) => i.length > 0)
 }
 
-export function stringifyTraitGrants (grants) {
+export function stringifyTraitGrants(grants) {
 	return grants ? grants.map(i => (Array.isArray(i) ? i.join('|') : i)).join(', ') : ''
 }
 
-export function doesTraitsMatchGrants (traits, grants) {
+export function doesTraitsMatchGrants(traits, grants) {
 	if (!grants || !traits || !Array.isArray(grants) || grants.length === 0) return false
 	return grants.every(or => (Array.isArray(or) ? or.some(t => traits.includes(t)) : traits.includes(or)))
 }
diff --git a/webapp/src/lib/webrtc/soundmeter.js b/webapp/src/lib/webrtc/soundmeter.js
index 52f5e110..34946078 100644
--- a/webapp/src/lib/webrtc/soundmeter.js
+++ b/webapp/src/lib/webrtc/soundmeter.js
@@ -15,14 +15,14 @@
 // instantaneous and time-decaying volumes available for inspection.
 // It also reports on the fraction of samples that were at or near
 // the top of the measurement range.
-function SoundMeter (context) {
+function SoundMeter(context) {
 	this.context = context
 	this.instant = 0.0
 	this.slow = 0.0
 	this.clip = 0.0
 	this.script = context.createScriptProcessor(2048, 1, 1)
 	const that = this
-	this.script.onaudioprocess = function (event) {
+	this.script.onaudioprocess = function(event) {
 		const input = event.inputBuffer.getChannelData(0)
 		let i
 		let sum = 0.0
@@ -39,7 +39,7 @@ function SoundMeter (context) {
 	}
 }
 
-SoundMeter.prototype.connectToSource = function (stream, callback) {
+SoundMeter.prototype.connectToSource = function(stream, callback) {
 	console.log('SoundMeter connecting')
 	try {
 		this.mic = this.context.createMediaStreamSource(stream)
@@ -57,7 +57,7 @@ SoundMeter.prototype.connectToSource = function (stream, callback) {
 	}
 }
 
-SoundMeter.prototype.stop = function () {
+SoundMeter.prototype.stop = function() {
 	console.log('SoundMeter stopping')
 	this.mic.disconnect()
 	this.script.disconnect()
diff --git a/webapp/src/locales/index.js b/webapp/src/locales/index.js
index 11ce28fe..f746b748 100644
--- a/webapp/src/locales/index.js
+++ b/webapp/src/locales/index.js
@@ -30,4 +30,4 @@ export const locales = [{
 	code: 'ru',
 	nativeLabel: 'Русский',
 	englishLabel: 'Russian'
-}];
\ No newline at end of file
+}]
diff --git a/webapp/src/main.js b/webapp/src/main.js
index 61cd5b24..2b16d074 100644
--- a/webapp/src/main.js
+++ b/webapp/src/main.js
@@ -24,10 +24,9 @@ import i18n, { init as i18nInit } from 'i18n'
 import { emojiPlugin } from 'lib/emoji'
 import features from 'features'
 import config from 'config'
-import {computeForegroundSidebarColor, getThemeConfig} from 'theme'
-import theme from 'theme'
+import theme, {computeForegroundSidebarColor, getThemeConfig} from 'theme'
 
-async function init ({token, inviteToken}) {
+async function init({token, inviteToken}) {
 	Vue.config.productionTip = false
 	Vue.use(Buntpapier)
 	Vue.use(Vuelidate)
@@ -41,7 +40,7 @@ async function init ({token, inviteToken}) {
 	try {
 		await setThemeConfig()
 	} catch (error) {
-		console.error("error happened when trying to load theme config: ", error)
+		console.error('error happened when trying to load theme config: ', error)
 	}
 	const app = new Vue({
 		router,
@@ -93,7 +92,7 @@ async function init ({token, inviteToken}) {
 	setInterval(() => store.dispatch('notifications/pollExternals'), 1000)
 	window.__venueless__release = RELEASE
 
-	window.addEventListener('beforeinstallprompt', function (event) {
+	window.addEventListener('beforeinstallprompt', function(event) {
 		console.log('install prompt', event)
 	})
 }
@@ -117,7 +116,7 @@ navigator.serviceWorker?.getRegistrations().then((registrations) => {
 	}
 })
 
-async function setThemeConfig(){
+async function setThemeConfig() {
 	const themeData = await getThemeConfig()
 	theme.logo = themeData.logo
 	theme.identicons = themeData.identicons
diff --git a/webapp/src/preloader.js b/webapp/src/preloader.js
index 9825bb3e..fe78e222 100644
--- a/webapp/src/preloader.js
+++ b/webapp/src/preloader.js
@@ -2,13 +2,13 @@
 import Modernizr from 'modernizr'
 import 'styles/preloader.styl'
 
-const showBrowserBlock = function () {
+const showBrowserBlock = function() {
 	document.getElementById('browser-block').style.display = 'block'
 	document.body.removeChild(document.getElementById('app'))
 }
 
 // test syntax & API features
-;(function () {
+;(function() {
 	try {
 		eval('const f=(a)=>a')
 		eval('function a(b) {for (let b;;);}')
diff --git a/webapp/src/router/index.js b/webapp/src/router/index.js
index 1b4d7930..9d1b7a1f 100644
--- a/webapp/src/router/index.js
+++ b/webapp/src/router/index.js
@@ -43,7 +43,7 @@ const routes = [{
 	}]
 }, {
 	path: '/rooms/:roomId/presentation/:mode',
-	redirect (to) {
+	redirect(to) {
 		return {
 			path: `/standalone/${to.params.roomId}/${to.params.mode}`
 		}
diff --git a/webapp/src/store/announcement.js b/webapp/src/store/announcement.js
index 31522e16..5884f16a 100644
--- a/webapp/src/store/announcement.js
+++ b/webapp/src/store/announcement.js
@@ -10,7 +10,7 @@ export default {
 		dismissedAnnouncements: localStorage.dismissedAnnouncements ? JSON.parse(localStorage.dismissedAnnouncements) : [],
 	},
 	getters: {
-		announcements (state, getters, rootState) {
+		announcements(state, getters, rootState) {
 			return state.rawAnnouncements.map(announcement => {
 				const showUntil = announcement.show_until ? moment(announcement.show_until) : null
 				return Object.assign({}, announcement, {
@@ -19,12 +19,12 @@ export default {
 				})
 			})
 		},
-		visibleAnnouncements (state, getters, rootState) {
+		visibleAnnouncements(state, getters, rootState) {
 			return getters.announcements.filter(announcement => announcement.state === 'active' && !announcement.expired && !state.dismissedAnnouncements.includes(announcement.id))
 		}
 	},
 	mutations: {
-		setAnnouncements (state, announcements) {
+		setAnnouncements(state, announcements) {
 			for (const announcement of announcements) {
 				if (announcement.show_until) announcement.show_until = moment(announcement.show_until)
 			}
@@ -33,11 +33,11 @@ export default {
 	},
 	actions: {
 		// dismiss announcement by saving into localStorage
-		dismissAnnouncement ({ state }, announcement) {
+		dismissAnnouncement({ state }, announcement) {
 			state.dismissedAnnouncements.push(announcement.id)
 			localStorage.setItem('dismissedAnnouncements', JSON.stringify(state.dismissedAnnouncements))
 		},
-		async 'api::announcement.created_or_updated' ({state}, announcement) {
+		async 'api::announcement.created_or_updated'({state}, announcement) {
 			const existingAnnouncement = state.rawAnnouncements.find(a => a.id === announcement.id)
 			if (existingAnnouncement) {
 				for (let [key, value] of Object.entries(announcement)) {
diff --git a/webapp/src/store/chat.js b/webapp/src/store/chat.js
index 71457ce4..dcff6161 100644
--- a/webapp/src/store/chat.js
+++ b/webapp/src/store/chat.js
@@ -25,32 +25,32 @@ export default {
 		warnings: []
 	},
 	getters: {
-		activeJoinedChannel (state) {
+		activeJoinedChannel(state) {
 			return state.joinedChannels?.find(channel => channel.id === state.channel)
 		},
 		// TODO maybe merge this with joinedChannels?
-		automaticallyJoinedChannels (state, getters, rootState) {
+		automaticallyJoinedChannels(state, getters, rootState) {
 			return rootState.rooms.map(room => room.modules.find(m => m.type === 'chat.native')).filter(m => m?.config?.volatile).map(m => m.channel_id)
 		},
-		hasUnreadMessages (state) {
-			return function (channel) {
+		hasUnreadMessages(state) {
+			return function(channel) {
 				const joinedChannel = state.joinedChannels?.find(c => c.id === channel)
 				return joinedChannel && (!state.readPointers[channel] || joinedChannel.unread_pointer > state.readPointers[channel])
 			}
 		},
-		notificationCount (state) {
-			return function (channel) {
+		notificationCount(state) {
+			return function(channel) {
 				return state.notificationCounts[channel] || 0
 			}
 		},
 		// TODO this is BAD
-		isDirectMessageChannel (state, getters, rootState) {
-			return function (channel) {
+		isDirectMessageChannel(state, getters, rootState) {
+			return function(channel) {
 				return channel.members && channel.members.some(member => member.id !== rootState.user.id)
 			}
 		},
-		channelName (state, getters, rootState) {
-			return function (channel) {
+		channelName(state, getters, rootState) {
+			return function(channel) {
 				if (this.isDirectMessageChannel(channel)) {
 					return this.directMessageChannelName(channel)
 				} else {
@@ -58,28 +58,28 @@ export default {
 				}
 			}
 		},
-		directMessageChannelName (state, getters, rootState) {
-			return function (channel) {
+		directMessageChannelName(state, getters, rootState) {
+			return function(channel) {
 				return channel.members.filter(user => user.id !== rootState.user.id).map(user => user.profile.display_name).join(', ')
 			}
 		}
 	},
 	mutations: {
-		setJoinedChannels (state, channels) {
+		setJoinedChannels(state, channels) {
 			state.joinedChannels = channels
 		},
-		setReadPointers (state, readPointers) {
+		setReadPointers(state, readPointers) {
 			state.readPointers = readPointers
 		},
-		setNotificationCounts (state, notificationCounts) {
+		setNotificationCounts(state, notificationCounts) {
 			state.notificationCounts = notificationCounts
 		},
 	},
 	actions: {
-		disconnected ({state}) {
+		disconnected({state}) {
 			state.channel = null
 		},
-		async subscribe ({state, dispatch, getters, rootState}, {channel, config}) {
+		async subscribe({state, dispatch, getters, rootState}, {channel, config}) {
 			if (!rootState.connected) return
 			if (state.channel) {
 				dispatch('unsubscribe')
@@ -101,19 +101,19 @@ export default {
 			await dispatch('fetchMessages')
 			dispatch('markChannelRead')
 		},
-		async unsubscribe ({state}) {
+		async unsubscribe({state}) {
 			if (!state.channel) return
 			const channel = state.channel
 			state.channel = null
 			if (api.socketState !== 'open') return
 			await api.call('chat.unsubscribe', {channel})
 		},
-		async join ({state}, channel) {
+		async join({state}, channel) {
 			channel = channel?.modules[0]?.channel_id
 			const response = await api.call('chat.join', {channel: channel || state.channel})
 			state.joinedChannels.push({id: channel || state.channel, unread_pointer: response.unread_pointer})
 		},
-		async fetchMessages ({state, dispatch}) {
+		async fetchMessages({state, dispatch}) {
 			if (!state.beforeCursor || state.fetchingMessages) return
 			state.fetchingMessages = true
 			try {
@@ -147,7 +147,7 @@ export default {
 			}
 			state.fetchingMessages = false
 		},
-		async markChannelRead ({state}) {
+		async markChannelRead({state}) {
 			if (state.timeline.length === 0) return
 			if (state.config?.volatile && !state.notificationCounts[state.channel]) return
 			const pointer = state.timeline[state.timeline.length - 1].event_id
@@ -157,21 +157,21 @@ export default {
 			})
 			Vue.set(state.readPointers, state.channel, pointer)
 		},
-		async fetchUsers ({state}, ids) {
+		async fetchUsers({state}, ids) {
 			if (!ids?.length) return
 			const users = await api.call('user.fetch', {ids})
 			for (const user of Object.values(users)) {
 				Vue.set(state.usersLookup, user.id, user)
 			}
 		},
-		sendMessage ({state}, {content}) {
+		sendMessage({state}, {content}) {
 			api.call('chat.send', {
 				channel: state.channel,
 				event_type: 'channel.message',
 				content
 			})
 		},
-		deleteMessage ({state}, message) {
+		deleteMessage({state}, message) {
 			api.call('chat.send', {
 				channel: state.channel,
 				event_type: 'channel.message',
@@ -181,7 +181,7 @@ export default {
 				}
 			})
 		},
-		editMessage ({state}, {message, content}) {
+		editMessage({state}, {message, content}) {
 			api.call('chat.send', {
 				channel: state.channel,
 				event_type: 'channel.message',
@@ -189,13 +189,13 @@ export default {
 				content
 			})
 		},
-		updateUser ({state}, {id, update}) {
+		updateUser({state}, {id, update}) {
 			if (!state.usersLookup[id]) return
 			for (const [key, value] of Object.entries(update)) {
 				Vue.set(state.usersLookup[id], key, value)
 			}
 		},
-		async moderateUser ({state}, {user, action}) {
+		async moderateUser({state}, {user, action}) {
 			const postStates = {
 				ban: 'banned',
 				silence: 'silence',
@@ -207,10 +207,10 @@ export default {
 			}
 			// user.moderation_state = postStates[action]
 		},
-		async blockUser ({state}, {user}) {
+		async blockUser({state}, {user}) {
 			await api.call('user.block', {id: user.id})
 		},
-		async openDirectMessage ({state}, {users, hide}) {
+		async openDirectMessage({state}, {users, hide}) {
 			let channel = state.joinedChannels.find(channel => channel.members?.length === users.length + 1 && users.every(user => channel.members.some(member => member.id === user.id)))
 			if (hide !== false) {
 				hide = true
@@ -224,7 +224,7 @@ export default {
 			}
 			return channel
 		},
-		async leaveChannel ({state}, {channelId}) {
+		async leaveChannel({state}, {channelId}) {
 			await api.call('chat.leave', {channel: channelId})
 			if (router.currentRoute.name === 'channel' && router.currentRoute.params.channelId === channelId) {
 				await router.push({name: 'home'})
@@ -232,7 +232,7 @@ export default {
 			const index = state.joinedChannels.findIndex(c => c.id === channelId)
 			if (index > -1) state.joinedChannels.splice(index, 1)
 		},
-		async startCall ({state, dispatch}, {channel}) {
+		async startCall({state, dispatch}, {channel}) {
 			const {event} = await api.call('chat.send', {
 				channel: channel.id,
 				event_type: 'channel.message',
@@ -242,7 +242,7 @@ export default {
 			})
 			dispatch('joinCall', event.content.body)
 		},
-		async joinCall ({state}, body) {
+		async joinCall({state}, body) {
 			if (body.type === 'janus') {
 				state.call = {
 					type: 'janus',
@@ -263,10 +263,10 @@ export default {
 				}
 			}
 		},
-		async leaveCall ({state}) {
+		async leaveCall({state}) {
 			state.call = null
 		},
-		addReaction ({state}, {message, reaction}) {
+		addReaction({state}, {message, reaction}) {
 			// TODO skip if already reacted
 			return api.call('chat.react', {
 				channel: state.channel,
@@ -274,7 +274,7 @@ export default {
 				reaction
 			})
 		},
-		removeReaction ({state}, {message, reaction}) {
+		removeReaction({state}, {message, reaction}) {
 			return api.call('chat.react', {
 				channel: state.channel,
 				event: message.event_id,
@@ -282,11 +282,11 @@ export default {
 				delete: true
 			})
 		},
-		dismissWarnings ({state}) {
+		dismissWarnings({state}) {
 			state.warnings = []
 		},
 		// INCOMING
-		async 'api::chat.event' ({state, dispatch}, event) {
+		async 'api::chat.event'({state, dispatch}, event) {
 			if (event.channel !== state.channel) return
 			const handleMembership = (event) => {
 				switch (event.content.membership) {
@@ -331,26 +331,26 @@ export default {
 				await dispatch('fetchUsers', [event.sender])
 			}
 		},
-		'api::chat.channels' ({state}, {channels}) {
+		'api::chat.channels'({state}, {channels}) {
 			state.joinedChannels = channels
 		},
-		'api::chat.read_pointers' ({state}, readPointers) {
+		'api::chat.read_pointers'({state}, readPointers) {
 			for (const [channel, pointer] of Object.entries(readPointers)) {
 				Vue.set(state.readPointers, channel, pointer)
 				// TODO passively close desktop notifications
 			}
 		},
-		'api::chat.unread_pointers' ({state, rootState, getters, dispatch}, unreadPointers) {
+		'api::chat.unread_pointers'({state, rootState, getters, dispatch}, unreadPointers) {
 			for (const [channelId, pointer] of Object.entries(unreadPointers)) {
 				const channel = state.joinedChannels.find(c => c.id === channelId)
 				if (!channel) continue
 				channel.unread_pointer = pointer
 			}
 		},
-		'api::chat.notification_counts' ({state, rootState, getters, dispatch}, notificationCounts) {
+		'api::chat.notification_counts'({state, rootState, getters, dispatch}, notificationCounts) {
 			state.notificationCounts = notificationCounts
 		},
-		async 'api::chat.notification' ({state, rootState, getters, dispatch}, data) {
+		async 'api::chat.notification'({state, rootState, getters, dispatch}, data) {
 			const channelId = data.event.channel
 			const channel = state.joinedChannels.find(c => c.id === channelId) || getters.automaticallyJoinedChannels.includes(channelId) ? {id: channelId} : null
 			if (!channel) return
@@ -377,7 +377,7 @@ export default {
 				}
 			}, {root: true})
 		},
-		'api::chat.event.reaction' ({state}, event) {
+		'api::chat.event.reaction'({state}, event) {
 			if (event.channel !== state.channel) return
 			const original = state.timeline.find(msg => msg.event_id === event.event_id)
 			if (original) {
@@ -389,7 +389,7 @@ export default {
 				}
 			}
 		},
-		'api::chat.mention_warning' ({state}, data) {
+		'api::chat.mention_warning'({state}, data) {
 			state.warnings.push(data)
 		}
 	}
diff --git a/webapp/src/store/exhibition.js b/webapp/src/store/exhibition.js
index 239c49cb..1d145dc9 100644
--- a/webapp/src/store/exhibition.js
+++ b/webapp/src/store/exhibition.js
@@ -10,18 +10,18 @@ export default {
 		contactRequests: [],
 	},
 	getters: {
-		openContactRequests (state) {
+		openContactRequests(state) {
 			return state.contactRequests.filter(cr => cr.state === 'open' && !cr.weDismissed)
 		}
 	},
 	mutations: {
-		setData (state, data) {
+		setData(state, data) {
 			state.staffedExhibitions = data.exhibitors
 			state.contactRequests = data.contact_requests
 		}
 	},
 	actions: {
-		async acceptContactRequest ({state, dispatch, rootState}, contactRequest) {
+		async acceptContactRequest({state, dispatch, rootState}, contactRequest) {
 			// TODO error handling
 			const channel = await dispatch('chat/openDirectMessage', {users: [contactRequest.user], hide: false}, {root: true})
 			await api.call('exhibition.contact_accept', {contact_request: contactRequest.id, channel: channel.id})
@@ -30,15 +30,15 @@ export default {
 			contactRequest.timestamp = new Date().toISOString()
 			// TODO: send greeting message
 		},
-		dismissContactRequest ({state}, contactRequest) {
+		dismissContactRequest({state}, contactRequest) {
 			// dismissing only soft-removes the contact request popup on THIS client
 			Vue.set(contactRequest, 'weDismissed', true)
 		},
-		async 'api::exhibition.exhibition_data_update' ({commit, state}, {data}) {
+		async 'api::exhibition.exhibition_data_update'({commit, state}, {data}) {
 			commit('setData', data)
 		},
 		// for staff
-		'api::exhibition.contact_request' ({state, dispatch}, data) {
+		'api::exhibition.contact_request'({state, dispatch}, data) {
 			const contactRequest = data.contact_request
 			state.contactRequests.push(contactRequest)
 			// TODO better text
@@ -50,7 +50,7 @@ export default {
 				onClick: () => dispatch('acceptContactRequest', contactRequest)
 			}, {root: true})
 		},
-		'api::exhibition.contact_request_close' ({state}, data) {
+		'api::exhibition.contact_request_close'({state}, data) {
 			const contactRequest = data.contact_request
 			const existingContactRequest = state.contactRequests.find(cb => cb.id === contactRequest.id)
 			if (!existingContactRequest) return
@@ -59,7 +59,7 @@ export default {
 			existingContactRequest.timestamp = contactRequest.timestamp
 		},
 		// for client
-		async 'api::exhibition.contact_accepted' ({dispatch}, data) {
+		async 'api::exhibition.contact_accepted'({dispatch}, data) {
 			// DM is automatically opening
 			await router.push({name: 'channel', params: {channelId: data.channel}})
 		}
diff --git a/webapp/src/store/index.js b/webapp/src/store/index.js
index c0edc903..35a49fc2 100644
--- a/webapp/src/store/index.js
+++ b/webapp/src/store/index.js
@@ -41,18 +41,18 @@ export default new Vuex.Store({
 		youtubeTransUrl: null
 	},
 	getters: {
-		hasPermission (state) {
+		hasPermission(state) {
 			return (permission) => {
 				return !!state.permissions?.includes(permission) || (permission.startsWith('room:') && state.activeRoom?.permissions?.includes(permission))
 			}
 		},
-		autoplay (state) {
+		autoplay(state) {
 			if (state.autoplayUserSetting !== null) return state.autoplayUserSetting
 			if (!state.token) return true
 			const token = jwtDecode(state.token)
 			return !doesTraitsMatchGrants(token.traits, state.world.onsite_traits)
 		},
-		roomsLookup (state) {
+		roomsLookup(state) {
 			return state.rooms?.reduce((lookup, room) => {
 				lookup[room.id] = room
 				return lookup
@@ -60,7 +60,7 @@ export default new Vuex.Store({
 		}
 	},
 	mutations: {
-		updateRooms (state, rooms) {
+		updateRooms(state, rooms) {
 			// preserve object references for media source
 			if (state.rooms) {
 				for (const [index, newRoom] of rooms.entries()) {
@@ -73,29 +73,29 @@ export default new Vuex.Store({
 			}
 			state.rooms = rooms
 		},
-		reportMediaSourcePlaceholderRect (state, rect) {
+		reportMediaSourcePlaceholderRect(state, rect) {
 			state.mediaSourcePlaceholderRect = rect
 		},
-		setUserLocale (state, locale) {
+		setUserLocale(state, locale) {
 			state.userLocale = locale
 		},
-		updateStageStreamCollapsed (state, stageStreamCollapsed) {
+		updateStageStreamCollapsed(state, stageStreamCollapsed) {
 			state.stageStreamCollapsed = stageStreamCollapsed
 		},
-		updateNow (state) {
+		updateNow(state) {
 			state.now = moment()
 		},
-		updateYoutubeTransAudio(state, youtubeTransUrl){
+		updateYoutubeTransAudio(state, youtubeTransUrl) {
 			state.youtubeTransUrl = youtubeTransUrl
 		}
 	},
 	actions: {
-		login ({state}, {token, clientId, inviteToken}) {
+		login({state}, {token, clientId, inviteToken}) {
 			state.token = token
 			state.clientId = clientId
 			state.inviteToken = inviteToken
 		},
-		connect ({state, dispatch, commit}) {
+		connect({state, dispatch, commit}) {
 			api.connect({token: state.token, clientId: state.clientId, inviteToken: state.inviteToken})
 			api.on('joined', (serverState) => {
 				state.connected = true
@@ -146,23 +146,23 @@ export default new Vuex.Store({
 				// TODO handle generic fatal error?
 			})
 		},
-		async updateUser ({state, dispatch}, update) {
+		async updateUser({state, dispatch}, update) {
 			await api.call('user.update', update)
 			for (const [key, value] of Object.entries(update)) {
 				Vue.set(state.user, key, value)
 			}
 			dispatch('chat/updateUser', {id: state.user.id, update})
 		},
-		async adminUpdateUser ({dispatch}, update) {
+		async adminUpdateUser({dispatch}, update) {
 			await api.call('user.admin.update', update)
 			const userId = update.id
 			delete update.id
 			dispatch('chat/updateUser', {id: userId, update})
 		},
-		async createRoom ({state}, room) {
+		async createRoom({state}, room) {
 			return await api.call('room.create', room)
 		},
-		async changeRoom ({state, dispatch}, room) {
+		async changeRoom({state, dispatch}, room) {
 			state.activeRoom = room
 			state.reactions = null
 			state.roomViewers = null
@@ -173,72 +173,72 @@ export default new Vuex.Store({
 			dispatch('question/changeRoom', room)
 			dispatch('poll/changeRoom', room)
 		},
-		async addReaction ({state}, reaction) {
+		async addReaction({state}, reaction) {
 			if (!state.activeRoom || !state.connected) return
 			await api.call('room.react', {room: state.activeRoom.id, reaction})
 		},
-		async updateRoomSchedule ({state}, {room, schedule_data}) {
+		async updateRoomSchedule({state}, {room, schedule_data}) {
 			return await api.call('room.schedule', {room: room.id, schedule_data})
 		},
-		async updateUserLocale ({state}, locale) {
+		async updateUserLocale({state}, locale) {
 			await i18n.changeLanguage(locale)
 			state.userLocale = locale
 		},
-		updateUserTimezone ({state}, timezone) {
+		updateUserTimezone({state}, timezone) {
 			moment.tz.setDefault(timezone)
 			state.userTimezone = timezone
 			localStorage.userTimezone = timezone // TODO this bakes the auto-detected timezone into localStorage on first load, do we really want this?
 		},
-		setAutoplay ({state, getters}, autoplay) {
+		setAutoplay({state, getters}, autoplay) {
 			if (getters.autoplay === autoplay) return
 			state.autoplayUserSetting = autoplay
 			localStorage.disableAutoplay = !autoplay
 		},
-		unblockIframeDomain ({state}, domain) {
+		unblockIframeDomain({state}, domain) {
 			state.unblockedIframeDomains.add(domain)
 			localStorage.unblockedIframeDomains = JSON.stringify(Array.from(state.unblockedIframeDomains))
 			// TODO propagate between tabs?
 		},
-		'api::room.create' ({state}, room) {
+		'api::room.create'({state}, room) {
 			state.rooms.push(room)
 			// TODO ordering?
 		},
-		'api::room.delete' ({state}, {id}) {
+		'api::room.delete'({state}, {id}) {
 			const index = state.rooms.findIndex(room => room.id === id)
 			if (index >= 0) {
 				state.rooms.splice(index, 1)
 			}
 		},
-		'api::room.reaction' ({state}, {room, reactions}) {
+		'api::room.reaction'({state}, {room, reactions}) {
 			if (state.activeRoom.id !== room) return
 			state.reactions = reactions
 		},
-		'api::world.updated' ({state, commit, dispatch}, {world, rooms, permissions}) {
+		'api::world.updated'({state, commit, dispatch}, {world, rooms, permissions}) {
 			state.world = world
 			state.permission = permissions
 			commit('updateRooms', rooms)
 		},
-		'api::world.schedule.updated' ({state, commit, dispatch}, pretalx) {
+		'api::world.schedule.updated'({state, commit, dispatch}, pretalx) {
 			state.world.pretalx = pretalx
 			dispatch('schedule/fetch', {root: true})
 		},
-		'api::world.user_count_change' ({state, commit, dispatch}, {room, users}) {
+		'api::world.user_count_change'({state, commit, dispatch}, {room, users}) {
 			room = state.rooms.find(r => r.id === room)
 			room.users = users
 			commit('updateRooms', state.rooms)
 		},
-		'api::room.schedule' ({state}, {room, schedule_data}) {
+		'api::room.schedule'({state}, {room, schedule_data}) {
 			room = state.rooms.find(r => r.id === room)
 			if (!room) return
 			Vue.set(room, 'schedule_data', schedule_data)
 		},
-		'api::user.updated' ({state, dispatch}, update) {
+		'api::user.updated'({state, dispatch}, update) {
 			for (const [key, value] of Object.entries(update)) {
 				Vue.set(state.user, key, value)
 			}
 			dispatch('chat/updateUser', {id: state.user.id, update})
 		},
-		'api::room.viewer.added' ({state}, {user}) {
+		'api::room.viewer.added'({state}, {user}) {
 			if (!state.roomViewers) return
 			// overwrite existing user
 			const index = state.roomViewers.findIndex(u => u.id === user.id)
@@ -248,7 +248,7 @@ export default new Vuex.Store({
 				state.roomViewers.push(user)
 			}
 		},
-		'api::room.viewer.removed' ({state}, {user_id: userId}) {
+		'api::room.viewer.removed'({state}, {user_id: userId}) {
 			if (!state.roomViewers) return
 			const index = state.roomViewers.findIndex(u => u.id === userId)
 			if (index >= 0) {
diff --git a/webapp/src/store/notifications.js b/webapp/src/store/notifications.js
index ca29b3a5..97b7f3c4 100644
--- a/webapp/src/store/notifications.js
+++ b/webapp/src/store/notifications.js
@@ -2,7 +2,7 @@
 import theme from 'theme'
 import { renderUrl as renderIdenticonUrl } from 'lib/identicons'
 
-const loadSettings = function () {
+const loadSettings = function() {
 	try {
 		return JSON.parse(localStorage.notificationSettings)
 	} catch (e) {}
@@ -23,10 +23,10 @@ export default {
 		desktopNotifications: []
 	},
 	getters: {
-		showNotificationPermissionPrompt (state) {
+		showNotificationPermissionPrompt(state) {
 			return notificationsSupported && !state.permissionPromptDismissed && state.permission === 'default'
 		},
-		shouldNotify (state) {
+		shouldNotify(state) {
 			return state.permission === 'granted' && !!state.settings.notify
 		}
 	},
@@ -35,7 +35,7 @@ export default {
 	actions: {
 		// sets state from browser permission and localStorage
 		// TODO prevent switching of settings at app load
-		pollExternals ({state, dispatch}) {
+		pollExternals({state, dispatch}) {
 			state.permission = notificationsSupported && Notification.permission
 			state.permissionPromptDismissed = !!localStorage.notificationPermissionPromptDismissed
 			const settings = loadSettings()
@@ -43,7 +43,7 @@ export default {
 				state.settings = settings
 			}
 		},
-		async askForPermission ({state, dispatch}) {
+		async askForPermission({state, dispatch}) {
 			if (!notificationsSupported) return
 			state.askingPermission = true
 			let permission
@@ -57,15 +57,15 @@ export default {
 			state.askingPermission = false
 			dispatch('dismissPermissionPrompt')
 		},
-		dismissPermissionPrompt ({state}) {
+		dismissPermissionPrompt({state}) {
 			state.permissionPromptDismissed = true
 			localStorage.notificationPermissionPromptDismissed = true
 		},
-		updateSettings ({state}, settings) {
+		updateSettings({state}, settings) {
 			state.settings = Object.assign({}, state.settings, settings)
 			localStorage.notificationSettings = JSON.stringify(state.settings)
 		},
-		async createDesktopNotification ({state, getters}, {title, body, tag, user, icon, onClose, onClick}) {
+		async createDesktopNotification({state, getters}, {title, body, tag, user, icon, onClose, onClick}) {
 			if (!getters.shouldNotify || document.hasFocus()) return // don't show desktop notification when we have focus
 			if (user) {
 				if (user.profile?.avatar?.url) {
@@ -104,13 +104,13 @@ export default {
 			state.desktopNotifications.push(desktopNotification)
 			return desktopNotification
 		},
-		closeDesktopNotifications ({state}, fn) {
+		closeDesktopNotifications({state}, fn) {
 			for (const desktopNotification of state.desktopNotifications) {
 				if (fn(desktopNotification)) desktopNotification.close()
 			}
 			state.desktopNotifications = state.desktopNotifications.filter(n => !fn(n))
 		},
-		clearDesktopNotifications ({state}) {
+		clearDesktopNotifications({state}) {
 			for (const desktopNotification of state.desktopNotifications) {
 				desktopNotification.close()
 			}
diff --git a/webapp/src/store/poll.js b/webapp/src/store/poll.js
index a7965303..35f55488 100644
--- a/webapp/src/store/poll.js
+++ b/webapp/src/store/poll.js
@@ -7,79 +7,79 @@ export default {
 		polls: null
 	},
 	getters: {
-		pinnedPoll (state) {
+		pinnedPoll(state) {
 			return state.polls?.find(q => q.is_pinned)
 		}
 	},
 	actions: {
-		async changeRoom ({state}, room) {
+		async changeRoom({state}, room) {
 			state.polls = null
 			if (!room) return
 			if (room.modules.some(module => module.type === 'poll')) {
 				state.polls = await api.call('poll.list', {room: room.id})
 			}
 		},
-		createPoll ({state, rootState}, {content, options}) {
+		createPoll({state, rootState}, {content, options}) {
 			// enumerate poll options order attributes
 			options.forEach((option, index) => option.order = index + 1)
 			return api.call('poll.create', {room: rootState.activeRoom.id, content, options})
 		},
-		updatePoll ({state, rootState}, {poll, update}) {
+		updatePoll({state, rootState}, {poll, update}) {
 			return api.call('poll.update', {room: rootState.activeRoom.id, id: poll.id, ...update})
 			// update handled in create_or_update
 			// TODO error handling
 		},
-		async vote ({state, rootState}, {poll, option}) {
+		async vote({state, rootState}, {poll, option}) {
 			await api.call('poll.vote', {room: rootState.activeRoom.id, id: poll.id, options: [option.id]})
 			Vue.set(poll, 'answers', [option.id])
 		},
-		openPoll ({state, rootState}, poll) {
+		openPoll({state, rootState}, poll) {
 			return api.call('poll.update', {room: rootState.activeRoom.id, id: poll.id, state: 'open'})
 			// update handled in create_or_update
 			// TODO error handling
 		},
-		closePoll ({state, rootState}, poll) {
+		closePoll({state, rootState}, poll) {
 			return api.call('poll.update', {room: rootState.activeRoom.id, id: poll.id, state: 'closed'})
 			// update handled in create_or_update
 			// TODO error handling
 		},
-		redraftPoll ({state, rootState}, poll) {
+		redraftPoll({state, rootState}, poll) {
 			return api.call('poll.update', {room: rootState.activeRoom.id, id: poll.id, state: 'draft'})
 			// update handled in create_or_update
 			// TODO error handling
 		},
-		archivePoll ({state, rootState}, poll) {
+		archivePoll({state, rootState}, poll) {
 			return api.call('poll.update', {room: rootState.activeRoom.id, id: poll.id, state: 'archived', is_pinned: false})
 			// update handled in create_or_update
 			// TODO error handling
 		},
-		unarchivePoll ({state, rootState}, poll) {
+		unarchivePoll({state, rootState}, poll) {
 			return api.call('poll.update', {room: rootState.activeRoom.id, id: poll.id, state: 'open'})
 			// update handled in create_or_update
 			// TODO error handling
 		},
-		archiveAll ({state, rootState}) {
+		archiveAll({state, rootState}) {
 			// just send all updates in parallel
 			for (const poll of state.polls) {
 				api.call('poll.update', {room: rootState.activeRoom.id, id: poll.id, state: 'archived', is_pinned: false})
 			}
 		},
-		deletePoll ({state, rootState}, poll) {
+		deletePoll({state, rootState}, poll) {
 			return api.call('poll.delete', {room: rootState.activeRoom.id, id: poll.id})
 			// update handled in api::poll.deleted
 			// TODO error handling
 		},
-		pinPoll ({state, rootState}, poll) {
+		pinPoll({state, rootState}, poll) {
 			return api.call('poll.pin', {room: rootState.activeRoom.id, id: poll.id})
 		},
 		// redirect per poll menu unpin to global unpin
-		unpinPoll ({dispatch}) {
+		unpinPoll({dispatch}) {
 			return dispatch('unpinAllPolls')
 		},
-		unpinAllPolls ({state, rootState}) {
+		unpinAllPolls({state, rootState}) {
 			return api.call('poll.unpin', {room: rootState.activeRoom.id})
 		},
-		'api::poll.created_or_updated' ({state}, {poll}) {
+		'api::poll.created_or_updated'({state}, {poll}) {
 			const existingPoll = state.polls.find(q => q.id === poll.id)
 			if (existingPoll) {
 				for (const [key, value] of Object.entries(poll)) {
@@ -89,19 +89,19 @@ export default {
 				state.polls.push(poll)
 			}
 		},
-		'api::poll.deleted' ({state}, {id}) {
+		'api::poll.deleted'({state}, {id}) {
 			const pollIndex = state.polls.findIndex(q => q.id === id)
 			if (pollIndex > -1) {
 				state.polls.splice(pollIndex, 1)
 			}
 		},
-		'api::poll.pinned' ({state}, {id}) {
+		'api::poll.pinned'({state}, {id}) {
 			for (const poll of state.polls) {
 				// unpin all other polls
 				poll.is_pinned = poll.id === id
 			}
 		},
-		'api::poll.unpinned' ({state}) {
+		'api::poll.unpinned'({state}) {
 			// TODO check room
 			for (const poll of state.polls) {
 				// unpin all polls
diff --git a/webapp/src/store/question.js b/webapp/src/store/question.js
index 66c8ae74..f344c6d6 100644
--- a/webapp/src/store/question.js
+++ b/webapp/src/store/question.js
@@ -6,65 +6,65 @@ export default {
 		questions: null
 	},
 	getters: {
-		pinnedQuestion (state) {
+		pinnedQuestion(state) {
 			return state.questions?.find(q => q.is_pinned)
 		}
 	},
 	actions: {
-		async changeRoom ({state}, room) {
+		async changeRoom({state}, room) {
 			state.questions = null
 			if (!room) return
 			if (room.modules.some(module => module.type === 'question')) {
 				state.questions = await api.call('question.list', {room: room.id})
 			}
 		},
-		async submitQuestion ({state, rootState}, question) {
+		async submitQuestion({state, rootState}, question) {
 			const result = await api.call('question.ask', {room: rootState.activeRoom.id, content: question})
 			if (state.questions.some(q => q.id === result.question.id)) return
 			// add own question to the list since we're not getting a broadcast for own questions waiting in mod queue
 			state.questions.push(result.question)
 		},
-		async vote ({state, rootState}, question) {
+		async vote({state, rootState}, question) {
 			await api.call('question.vote', {room: rootState.activeRoom.id, id: question.id, vote: !question.voted})
 			question.voted = !question.voted
 		},
-		approveQuestion ({state, rootState}, question) {
+		approveQuestion({state, rootState}, question) {
 			return api.call('question.update', {room: rootState.activeRoom.id, id: question.id, state: 'visible'})
 			// update handled in create_or_update
 			// TODO error handling
 		},
-		archiveQuestion ({state, rootState}, question) {
+		archiveQuestion({state, rootState}, question) {
 			return api.call('question.update', {room: rootState.activeRoom.id, id: question.id, state: 'archived', is_pinned: false})
 			// update handled in create_or_update
 			// TODO error handling
 		},
-		unarchiveQuestion ({state, rootState}, question) {
+		unarchiveQuestion({state, rootState}, question) {
 			return api.call('question.update', {room: rootState.activeRoom.id, id: question.id, state: 'visible'})
 			// update handled in create_or_update
 			// TODO error handling
 		},
-		archiveAll ({state, rootState}) {
+		archiveAll({state, rootState}) {
 			// just send all updates in parallel
 			for (const question of state.questions) {
 				api.call('question.update', {room: rootState.activeRoom.id, id: question.id, state: 'archived', is_pinned: false})
 			}
 		},
-		deleteQuestion ({state, rootState}, question) {
+		deleteQuestion({state, rootState}, question) {
 			return api.call('question.delete', {room: rootState.activeRoom.id, id: question.id})
 			// update handled in api::question.deleted
 			// TODO error handling
 		},
-		pinQuestion ({state, rootState}, question) {
+		pinQuestion({state, rootState}, question) {
 			return api.call('question.pin', {room: rootState.activeRoom.id, id: question.id})
 		},
 		// redirect per question menu unpin to global unpin
-		unpinQuestion ({dispatch}) {
+		unpinQuestion({dispatch}) {
 			return dispatch('unpinAllQuestions')
 		},
-		unpinAllQuestions ({state, rootState}) {
+		unpinAllQuestions({state, rootState}) {
 			return api.call('question.unpin', {room: rootState.activeRoom.id})
 		},
-		'api::question.created_or_updated' ({state}, {question}) {
+		'api::question.created_or_updated'({state}, {question}) {
 			const existingQuestion = state.questions.find(q => q.id === question.id)
 			if (existingQuestion) {
 				// assume all keys are already in place
@@ -73,19 +73,19 @@ export default {
 				state.questions.push(question)
 			}
 		},
-		'api::question.deleted' ({state}, {id}) {
+		'api::question.deleted'({state}, {id}) {
 			const questionIndex = state.questions.findIndex(q => q.id === id)
 			if (questionIndex > -1) {
 				state.questions.splice(questionIndex, 1)
 			}
 		},
-		'api::question.pinned' ({state}, {id}) {
+		'api::question.pinned'({state}, {id}) {
 			for (const question of state.questions) {
 				// unpin all other questions
 				question.is_pinned = question.id === id
 			}
 		},
-		'api::question.unpinned' ({state}) {
+		'api::question.unpinned'({state}) {
 			// TODO check room
 			for (const question of state.questions) {
 				// unpin all questions
diff --git a/webapp/src/store/roulette.js b/webapp/src/store/roulette.js
index 336141bd..0730d618 100644
--- a/webapp/src/store/roulette.js
+++ b/webapp/src/store/roulette.js
@@ -18,19 +18,19 @@ export default {
 	getters: {
 	},
 	mutations: {
-		setLoading (state, value) {
+		setLoading(state, value) {
 			state.loading = value
 		},
-		setRoom (state, value) {
+		setRoom(state, value) {
 			state.room = value
 		},
-		setError (state, value) {
+		setError(state, value) {
 			state.error = value
 		},
-		setCallId (state, callId) {
+		setCallId(state, callId) {
 			state.callId = callId
 		},
-		setJanusParameters (state, data) {
+		setJanusParameters(state, data) {
 			state.server = data.server
 			state.token = data.token
 			state.iceServers = data.iceServers
@@ -39,13 +39,13 @@ export default {
 		},
 	},
 	actions: {
-		startRequesting ({state, commit, dispatch}, {room}) {
+		startRequesting({state, commit, dispatch}, {room}) {
 			commit('setRoom', room)
 			commit('setError', null)
 			commit('setLoading', true)
 			dispatch('request')
 		},
-		async request ({state, dispatch}) {
+		async request({state, dispatch}) {
 			const result = await api.call('roulette.start', {room: state.room.id})
 			if (result.status === 'wait' && !state.callId) {
 				state.requestTimer = window.setTimeout(() => dispatch('request'), 15000)
@@ -54,7 +54,7 @@ export default {
 				dispatch('startCall', {callId: result.call_id})
 			}
 		},
-		async stopRequesting ({state, commit}) {
+		async stopRequesting({state, commit}) {
 			commit('setError', null)
 			commit('setLoading', false)
 			if (state.requestTimer) {
@@ -62,7 +62,7 @@ export default {
 			}
 			await api.call('roulette.stop', {room: state.room.id})
 		},
-		async startCall ({state, commit}, {callId}) {
+		async startCall({state, commit}, {callId}) {
 			commit('setError', null)
 			commit('setLoading', true)
 			try {
@@ -75,12 +75,12 @@ export default {
 				commit('setLoading', false)
 			}
 		},
-		async reconnect ({state, commit}) {
+		async reconnect({state, commit}) {
 			if (state.callId) {
 				await api.call('roulette.reconnect', {call_id: state.callId})
 			}
 		},
-		async stopCall ({state, commit}) {
+		async stopCall({state, commit}) {
 			const callId = state.callId
 			commit('setJanusParameters', {callId: null, server: null, token: null, iceServers: null, roomId: null, sessionId: null})
 			commit('setCallId', null)
@@ -88,11 +88,11 @@ export default {
 				await api.call('roulette.hangup', {call_id: callId})
 			}
 		},
-		'api::roulette.hangup' ({state, commit}, payload) {
+		'api::roulette.hangup'({state, commit}, payload) {
 			commit('setCallId', null)
 			commit('setJanusParameters', {callId: null, server: null, token: null, iceServers: null, roomId: null, sessionId: null})
 		},
-		'api::roulette.match_found' ({state, dispatch}, payload) {
+		'api::roulette.match_found'({state, dispatch}, payload) {
 			if (state.requestTimer) {
 				window.clearTimeout(state.requestTimer)
 			}
diff --git a/webapp/src/store/schedule.js b/webapp/src/store/schedule.js
index 85fda7ea..3279f7d5 100644
--- a/webapp/src/store/schedule.js
+++ b/webapp/src/store/schedule.js
@@ -11,10 +11,10 @@ export default {
 		now: moment()
 	},
 	getters: {
-		favs (state, getters, rootState) {
+		favs(state, getters, rootState) {
 			return rootState.user?.client_state?.schedule?.favs || []
 		},
-		pretalxScheduleUrl (state, getters, rootState) {
+		pretalxScheduleUrl(state, getters, rootState) {
 			if (rootState.world.pretalx?.url) {
 				return rootState.world.pretalx.url
 			}
@@ -24,34 +24,34 @@ export default {
 			}
 			return rootState.world.pretalx.domain + rootState.world.pretalx.event + '/schedule/widget/v2.json'
 		},
-		pretalxApiBaseUrl (state, getters, rootState) {
+		pretalxApiBaseUrl(state, getters, rootState) {
 			if (!rootState.world.pretalx?.domain || !rootState.world.pretalx?.event) return
 			return rootState.world.pretalx.domain + 'api/events/' + rootState.world.pretalx.event
 		},
-		rooms (state, getters, rootState) {
+		rooms(state, getters, rootState) {
 			if (!state.schedule) return
 			return state.schedule.rooms.map(room => rootState.rooms.find(r => r.pretalx_id === room.id) || room)
 		},
-		roomsLookup (state, getters) {
+		roomsLookup(state, getters) {
 			if (!state.schedule) return {}
 			return getters.rooms.reduce((acc, room) => {
 				acc[room.pretalx_id || room.id] = room
 				return acc
 			}, {})
 		},
-		tracksLookup (state) {
+		tracksLookup(state) {
 			if (!state.schedule) return {}
 			return state.schedule.tracks.reduce((acc, t) => { acc[t.id] = t; return acc }, {})
 		},
-		speakersLookup (state) {
+		speakersLookup(state) {
 			if (!state.schedule) return {}
 			return state.schedule.speakers.reduce((acc, s) => { acc[s.code] = s; return acc }, {})
 		},
-		sessionTypeLookup (state) {
+		sessionTypeLookup(state) {
 			if (!state.schedule) return {}
 			return state.schedule.session_type.reduce((acc, s) => { acc[s.code] = s; return acc }, {})
 		},
-		sessions (state, getters, rootState) {
+		sessions(state, getters, rootState) {
 			if (!state.schedule) return
 			const sessions = []
 			const favArr = getters.favs || []
@@ -85,11 +85,11 @@ export default {
 			))
 			return sessions
 		},
-		sessionsLookup (state, getters) {
+		sessionsLookup(state, getters) {
 			if (!state.schedule) return {}
 			return getters.sessions.reduce((acc, s) => { acc[s.id] = s; return acc }, {})
 		},
-		days (state, getters) {
+		days(state, getters) {
 			if (!getters.sessions) return
 			const days = []
 			for (const session of getters.sessions) {
@@ -98,7 +98,7 @@ export default {
 			}
 			return days
 		},
-		sessionsScheduledNow (state, getters, rootState) {
+		sessionsScheduledNow(state, getters, rootState) {
 			if (!getters.sessions) return
 			const sessions = []
 			for (const session of getters.sessions) {
@@ -107,7 +107,7 @@ export default {
 			}
 			return sessions
 		},
-		currentSessionPerRoom (state, getters, rootState) {
+		currentSessionPerRoom(state, getters, rootState) {
 			if (!getters.sessions) return
 			const rooms = {}
 			for (const room of rootState.rooms) {
@@ -123,12 +123,12 @@ export default {
 			}
 			return rooms
 		},
-		schedule (state) {
+		schedule(state) {
 			return state.schedule
 		}
 	},
 	actions: {
-		async fetch ({state, getters}) {
+		async fetch({state, getters}) {
 			// TODO error handling
 			if (!getters.pretalxScheduleUrl) return
 			// const version = await (await fetch(`${getters.pretalxApiBaseUrl}/schedules/`)).json()
@@ -136,17 +136,17 @@ export default {
 			try {
 				state.schedule = await (await fetch(getters.pretalxScheduleUrl)).json()
 				state.schedule.session_type = state.schedule.talks.reduce((acc, current) => {
-					const isDuplicate = acc.some(item => item.session_type === current.session_type);
+					const isDuplicate = acc.some(item => item.session_type === current.session_type)
 					if (!isDuplicate) {
-					  acc.push(current);
+						acc.push(current)
 					}
-					return acc;
-				  }, []);
+					return acc
+				}, [])
 			} catch (error) {
 				state.errorLoading = error
 			}
 		},
-		async fav ({state, dispatch, rootState}, id) {
+		async fav({state, dispatch, rootState}, id) {
 			let favs = rootState.user.client_state.schedule?.favs
 			if (!favs) {
 				favs = []
@@ -159,13 +159,13 @@ export default {
 				await dispatch('saveFavs', favs)
 			}
 		},
-		async unfav ({state, dispatch, rootState}, id) {
+		async unfav({state, dispatch, rootState}, id) {
 			let favs = rootState.user.client_state.schedule?.favs
 			if (!favs) return
 			rootState.user.client_state.schedule.favs = favs = favs.filter(fav => fav !== id)
 			await dispatch('saveFavs', favs)
 		},
-		async saveFavs ({rootState}, favs) {
+		async saveFavs({rootState}, favs) {
 			await api.call('user.update', {
 				client_state: {
 					...rootState.user.client_state,
@@ -176,7 +176,7 @@ export default {
 			})
 			// TODO error handling
 		},
-		filter ({ state }, filter) {
+		filter({ state }, filter) {
 			state.filter = filter
 		}
 	}
diff --git a/webapp/src/theme.js b/webapp/src/theme.js
index f46afaa6..d07038d8 100644
--- a/webapp/src/theme.js
+++ b/webapp/src/theme.js
@@ -6,7 +6,7 @@ import config from 'config'
 
 import { normal as normalBlend } from 'color-blend'
 
-const blend = function (background, foreground) {
+const blend = function(background, foreground) {
 	const { r, g, b, a } = normalBlend({
 		r: background.red(),
 		g: background.green(),
@@ -23,7 +23,7 @@ const blend = function (background, foreground) {
 
 // returns first color with enough (>=4.5) contrast or failing that, the color with the highest contrast
 // on background, alpha gets blended
-const firstReadable = function (colors, background = '#FFF', threshold = 4.5) {
+const firstReadable = function(colors, background = '#FFF', threshold = 4.5) {
 	background = Color(background)
 	let best
 	let bestContrast = 0
@@ -113,7 +113,7 @@ for (const [key, value] of Object.entries(colors)) {
 export default themeConfig
 export { themeVariables, colors, DEFAULT_COLORS, DEFAULT_LOGO, DEFAULT_IDENTICONS }
 
-export function computeForegroundColor (bgColor) {
+export function computeForegroundColor(bgColor) {
 	return firstReadable([CLR_PRIMARY_TEXT.LIGHT, CLR_PRIMARY_TEXT.DARK], bgColor)
 }
 
@@ -123,7 +123,10 @@ export function computeForegroundSidebarColor(colors) {
 		sidebar: colors.sidebar,
 		bbb_background: colors.bbb_background,
 	}
-	const sbColors = Object.keys(DEFAULT_COLORS).reduce((acc, key) => (acc[key] = Color((configColors ?? DEFAULT_COLORS)[key]), acc), {})
+	const sbColors = Object.keys(DEFAULT_COLORS).reduce((acc, key) => {
+		acc[key] = Color((configColors ?? DEFAULT_COLORS)[key])
+		return acc
+	}, {})
 	sbColors.primaryDarken15 = sbColors.primary.darken(0.15)
 	sbColors.primaryDarken20 = sbColors.primary.darken(0.20)
 	sbColors.primaryAlpha60 = sbColors.primary.alpha(0.6)
@@ -142,7 +145,6 @@ export function computeForegroundSidebarColor(colors) {
 	sbColors.sidebarHoverBg = firstReadable(['rgba(0, 0, 0, 0.12)', 'rgba(255, 255, 255, 0.3)'], sbColors.sidebar)
 	sbColors.sidebarHoverFg = firstReadable([CLR_PRIMARY_TEXT.LIGHT, CLR_PRIMARY_TEXT.DARK], sbColors.sidebar)
 
-
 	for (const [key, value] of Object.entries(sbColors)) {
 		themeVariables[`--clr-${kebabCase(key)}`] = value.string()
 	}
diff --git a/webapp/src/views/admin/announcements/index.vue b/webapp/src/views/admin/announcements/index.vue
index d2c9bd86..e6b9061a 100644
--- a/webapp/src/views/admin/announcements/index.vue
+++ b/webapp/src/views/admin/announcements/index.vue
@@ -28,14 +28,14 @@ import api from 'lib/api'
 
 export default {
 	components: {},
-	data () {
+	data() {
 		return {
 			rawAnnouncements: null
 		}
 	},
 	computed: {
 		...mapState(['now']),
-		announcements () {
+		announcements() {
 			if (!this.rawAnnouncements) return null
 			return this.rawAnnouncements.map(announcement => {
 				// COPYPASTA from store
@@ -59,7 +59,7 @@ export default {
 			})
 		}
 	},
-	async created () {
+	async created() {
 		this.rawAnnouncements = (await api.call('announcement.list'))
 	}
 }
diff --git a/webapp/src/views/admin/announcements/item.vue b/webapp/src/views/admin/announcements/item.vue
index 4bc247f1..a50ef72e 100644
--- a/webapp/src/views/admin/announcements/item.vue
+++ b/webapp/src/views/admin/announcements/item.vue
@@ -31,7 +31,7 @@ export default {
 		announcements: Array,
 		announcementId: String
 	},
-	data () {
+	data() {
 		return {
 			announcement: null,
 			saving: false,
@@ -41,20 +41,20 @@ export default {
 	},
 	computed: {
 		plainShowUntil: {
-			get () {
+			get() {
 				return this.announcement.show_until?.format('yyyy-MM-DDTHH:mm')
 			},
-			set (value) {
+			set(value) {
 				this.announcement.show_until = moment(value)
 			}
 		},
-		showUntilModifyOperator () {
+		showUntilModifyOperator() {
 			return this.shiftPressed ? '–' : '+'
 		}
 	},
 	watch: {
 		announcementId: {
-			handler () {
+			handler() {
 				if (this.announcementId === 'new') {
 					this.announcement = {
 						state: 'draft',
@@ -69,34 +69,34 @@ export default {
 			immediate: true
 		}
 	},
-	created () {
+	created() {
 		document.addEventListener('keydown', this.onGlobalKeyDown)
 		document.addEventListener('keyup', this.onGlobalKeyUp)
 	},
-	beforeDestroy () {
+	beforeDestroy() {
 		document.removeEventListener('keydown', this.onGlobalKeyDown)
 		document.removeEventListener('keyup', this.onGlobalKeyUp)
 	},
 	methods: {
-		onGlobalKeyDown (event) {
+		onGlobalKeyDown(event) {
 			if (event.key === 'Shift') {
 				this.shiftPressed = true
 			}
 		},
-		onGlobalKeyUp (event) {
+		onGlobalKeyUp(event) {
 			if (event.key === 'Shift') {
 				this.shiftPressed = false
 			}
 		},
-		modifyToShowUntil (duration, event) {
+		modifyToShowUntil(duration, event) {
 			// TODO document the shift
 			if (!this.announcement.show_until) this.announcement.show_until = moment().startOf('minute')
 			this.announcement.show_until = moment(this.announcement.show_until[this.shiftPressed ? 'subtract' : 'add'](duration))
 		},
-		clearShowUntil () {
+		clearShowUntil() {
 			this.announcement.show_until = null
 		},
-		async save () {
+		async save() {
 			this.saving = true
 			if (this.announcement.id) {
 				const { announcement } = await api.call('announcement.update', this.announcement)
@@ -112,7 +112,7 @@ export default {
 			}
 			this.saving = false
 		},
-		async progressState () {
+		async progressState() {
 			this.settingState = true
 			const { announcement } = await api.call('announcement.update', {
 				id: this.announcement.id,
diff --git a/webapp/src/views/admin/config/CreateRoomPrompt.vue b/webapp/src/views/admin/config/CreateRoomPrompt.vue
index 5de5faf2..9b8aaae5 100644
--- a/webapp/src/views/admin/config/CreateRoomPrompt.vue
+++ b/webapp/src/views/admin/config/CreateRoomPrompt.vue
@@ -12,7 +12,7 @@ import { required } from 'lib/validators'
 
 export default {
 	components: { Prompt },
-	data () {
+	data() {
 		return {
 			name: '',
 			url: '',
@@ -27,7 +27,7 @@ export default {
 		}
 	},
 	methods: {
-		async create () {
+		async create() {
 			this.error = null
 			this.$v.$touch()
 			if (this.$v.$invalid) return
diff --git a/webapp/src/views/admin/config/SchedulePrompt.vue b/webapp/src/views/admin/config/SchedulePrompt.vue
index fe02fe75..028ec762 100644
--- a/webapp/src/views/admin/config/SchedulePrompt.vue
+++ b/webapp/src/views/admin/config/SchedulePrompt.vue
@@ -34,7 +34,7 @@ export default {
 	props: {
 		currentConfig: Object
 	},
-	data () {
+	data() {
 		return {
 			domain: null,
 			event: null,
@@ -43,7 +43,7 @@ export default {
 			error: null
 		}
 	},
-	validations () {
+	validations() {
 		if (this.url) {
 			return {
 				url: {
@@ -59,7 +59,7 @@ export default {
 		}
 	},
 	computed: {
-		activeTab () {
+		activeTab() {
 			if (this.currentConfig.url) {
 				if (this.currentConfig.url.includes('/pub/')) { // this *looks* like our storage
 					return 'file'
@@ -72,13 +72,13 @@ export default {
 			return 'pretalx'
 		}
 	},
-	mounted () {
+	mounted() {
 		this.domain = this.currentConfig.domain
 		this.event = this.currentConfig.event
 		this.url = this.currentConfig.url
 	},
 	methods: {
-		async importFile () {
+		async importFile() {
 			if (this.$refs.fileInput.files.length < 1) return
 			this.loading = true
 			this.error = null
@@ -98,17 +98,17 @@ export default {
 				this.uploading = false
 			})
 		},
-		savePretalx () {
+		savePretalx() {
 			this.error = null
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			this.$emit('save', {domain: this.domain, event: this.event})
 		},
-		saveConftool () {
+		saveConftool() {
 			this.error = null
 			this.$emit('save', {conftool: true, url: this.currentConfig.url})
 		},
-		saveURL () {
+		saveURL() {
 			this.error = null
 			this.$v.$touch()
 			if (this.$v.$invalid) return
diff --git a/webapp/src/views/admin/config/audit-log.vue b/webapp/src/views/admin/config/audit-log.vue
index 7fe01f61..ca55b4b5 100644
--- a/webapp/src/views/admin/config/audit-log.vue
+++ b/webapp/src/views/admin/config/audit-log.vue
@@ -37,7 +37,7 @@ import Prompt from 'components/Prompt'
 export default {
 	name: 'AuditLog',
 	components: { Avatar, Prompt },
-	data () {
+	data() {
 		return {
 			moment,
 			detailsPrompt: null,
@@ -46,13 +46,13 @@ export default {
 		}
 	},
 	computed: {
-		filteredEntries () {
+		filteredEntries() {
 			if (!this.entries) return
 			if (!this.search) return this.entries
 			return this.entries.filter(entry => entry.user.profile.display_name.toLowerCase().indexOf(this.search.toLowerCase()) >= 0 || entry.type.toLowerCase().startsWith(this.search.toLowerCase()) || JSON.stringify(entry.data).toLowerCase().indexOf(this.search.toLowerCase()) >= 0)
 		}
 	},
-	async created () {
+	async created() {
 		this.entries = (await api.call('world.auditlog.list')).results
 	}
 }
diff --git a/webapp/src/views/admin/config/main.vue b/webapp/src/views/admin/config/main.vue
index 9d572cd7..196eb366 100644
--- a/webapp/src/views/admin/config/main.vue
+++ b/webapp/src/views/admin/config/main.vue
@@ -9,7 +9,7 @@
 			h2 System details
 			bunt-input(v-model="config.title", label="Title", name="title", :validation="$v.config.title")
 			bunt-select(v-model="config.locale", label="Language", name="locale", :options="locales", option-value="code", option-label="nativeLabel")
-			bunt-select(v-model="config.dateLocale", label="Date locale", name="dateLocale", :options="momentLocales")
+			bunt-select(v-model="config.date_locale", label="Date locale", name="date_locale", :options="momentLocales")
 			bunt-input(v-model="config.timezone", label="Time zone", name="timezone", :validation="$v.config.timezone")
 			bunt-input(v-model="config.connection_limit", label="Connection limit", name="connection_limit", hint="Set to 0 to allow unlimited connections per user", :validation="$v.config.connection_limit")
 			template(v-if="$features.enabled('conftool')")
@@ -58,7 +58,7 @@ const momentLocaleSet = [
 
 export default {
 	mixins: [ValidationErrorsMixin],
-	data () {
+	data() {
 		return {
 			config: null,
 			hlsConfig: '',
@@ -68,10 +68,10 @@ export default {
 		}
 	},
 	computed: {
-		locales () {
+		locales() {
 			return locales
 		},
-		momentLocales () {
+		momentLocales() {
 			return momentLocaleSet
 		}
 	},
@@ -95,19 +95,19 @@ export default {
 			isJson: isJson()
 		}
 	},
-	async created () {
+	async created() {
 		// We don't use the global world object since it e.g. currently does not contain locale and timezone
 		// TODO: Force reloading if world.updated is received from the server
 		try {
 			this.config = await api.call('world.config.get')
-			this.hlsConfig = JSON.stringify(this.config.videoPlayer?.['hls.js'] || undefined, null, 2)
+			this.hlsConfig = JSON.stringify(this.config.video_player?.['hls.js'] || undefined, null, 2)
 		} catch (error) {
 			this.error = error
 			console.log(error)
 		}
 	},
 	methods: {
-		async save () {
+		async save() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			// TODO validate connection limit is a number
@@ -115,7 +115,7 @@ export default {
 			const patch = {
 				title: this.config.title,
 				locale: this.config.locale,
-				dateLocale: this.config.dateLocale,
+				date_locale: this.config.date_locale,
 				timezone: this.config.timezone,
 				connection_limit: this.config.connection_limit,
 				bbb_defaults: this.config.bbb_defaults,
@@ -128,11 +128,11 @@ export default {
 				patch.conftool_password = this.config.conftool_password
 			}
 			if (this.hlsConfig) {
-				patch.videoPlayer = {
+				patch.video_player = {
 					'hls.js': JSON.parse(this.hlsConfig)
 				}
 			} else {
-				patch.videoPlayer = null
+				patch.video_player = null
 			}
 			await api.call('world.config.patch', patch)
 			this.saving = false
diff --git a/webapp/src/views/admin/config/permissions.vue b/webapp/src/views/admin/config/permissions.vue
index dcc10101..38a86674 100644
--- a/webapp/src/views/admin/config/permissions.vue
+++ b/webapp/src/views/admin/config/permissions.vue
@@ -56,7 +56,7 @@ import TraitGrants from './trait-grants'
 
 export default {
 	components: { TraitGrants },
-	data () {
+	data() {
 		return {
 			config: null,
 			expandedRoles: [],
@@ -70,13 +70,13 @@ export default {
 		}
 	},
 	computed: {
-		filteredRooms () {
+		filteredRooms() {
 			if (!this.rooms) return
 			if (!this.search) return this.rooms
 			return this.rooms.filter(room => room.id === this.search.trim() || fuzzysearch(this.search.toLowerCase(), room.name.toLowerCase()))
 		}
 	},
-	async created () {
+	async created() {
 		// We don't use the global world object since it e.g. currently does not contain roles etc
 		// TODO: Force reloading if world.updated is received from the server
 		try {
@@ -89,29 +89,29 @@ export default {
 		}
 	},
 	methods: {
-		roomChanged (room) {
+		roomChanged(room) {
 			if (!this.changedRoomIds.includes(room.id)) {
 				this.changedRoomIds.push(room.id)
 			}
 		},
-		toggleRole (role) {
+		toggleRole(role) {
 			if (this.expandedRoles.includes(role)) {
 				this.expandedRoles = this.expandedRoles.filter((r) => r !== role)
 			} else {
 				this.expandedRoles.push(role)
 			}
 		},
-		deleteRole (role) {
+		deleteRole(role) {
 			this.$delete(this.config.roles, role)
 		},
-		addRole () {
+		addRole() {
 			if (this.newRoleName) {
 				this.$set(this.config.roles, this.newRoleName, [])
 				this.expandedRoles.push(this.newRoleName)
 				this.newRoleName = ''
 			}
 		},
-		togglePermission (role, perm, toggle) {
+		togglePermission(role, perm, toggle) {
 			if (toggle) {
 				this.config.roles[role].push(perm)
 			} else {
@@ -119,7 +119,7 @@ export default {
 			}
 		},
 
-		async save () {
+		async save() {
 			this.saving = true
 			await api.call('world.config.patch', {
 				roles: this.config.roles,
diff --git a/webapp/src/views/admin/config/privacy.vue b/webapp/src/views/admin/config/privacy.vue
index 4a3cf897..34eef674 100644
--- a/webapp/src/views/admin/config/privacy.vue
+++ b/webapp/src/views/admin/config/privacy.vue
@@ -34,7 +34,7 @@ import ValidationErrorsMixin from 'components/mixins/validation-errors'
 export default {
 	components: { },
 	mixins: [ValidationErrorsMixin],
-	data () {
+	data() {
 		return {
 			// We do not use the global config object since we cannot rely on it being up to date (theme is only updated
 			// during application load).
@@ -53,7 +53,7 @@ export default {
 		config: {
 		}
 	},
-	async created () {
+	async created() {
 		// TODO: Force reloading if world.updated is received from the server
 		try {
 			this.config = await api.call('world.config.get')
@@ -79,7 +79,7 @@ export default {
 		}
 	},
 	methods: {
-		async save () {
+		async save() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 
@@ -96,14 +96,14 @@ export default {
 			this.saving = false
 			// TODO error handling
 		},
-		addIframeDomain () {
+		addIframeDomain() {
 			this.iframeDomains.push({
 				domain: '',
 				enabled: true,
 				policy_url: ''
 			})
 		},
-		removeIframeDomain (iframeDomain) {
+		removeIframeDomain(iframeDomain) {
 			const index = this.iframeDomains.indexOf(iframeDomain)
 			if (index < 0) return
 			this.iframeDomains.splice(index, 1)
diff --git a/webapp/src/views/admin/config/registration.vue b/webapp/src/views/admin/config/registration.vue
index c663bb37..0e52ef6f 100644
--- a/webapp/src/views/admin/config/registration.vue
+++ b/webapp/src/views/admin/config/registration.vue
@@ -73,12 +73,12 @@ const socialNetworks = [
 	'youtube',
 ]
 
-function generateSocialComputed (network) {
+function generateSocialComputed(network) {
 	return {
-		get () {
+		get() {
 			return this.config?.social_logins.includes(network)
 		},
-		set (value) {
+		set(value) {
 			if (value) {
 				this.config.social_logins.push(network)
 			} else {
@@ -89,7 +89,7 @@ function generateSocialComputed (network) {
 }
 
 export default {
-	data () {
+	data() {
 		return {
 			config: null,
 			saving: false,
@@ -102,7 +102,7 @@ export default {
 		socialLinkedIn: generateSocialComputed('linkedin'),
 		socialGravatar: generateSocialComputed('gravatar')
 	},
-	async created () {
+	async created() {
 		// TODO: Force reloading if world.updated is received from the server
 		try {
 			this.config = await api.call('world.config.get')
@@ -112,13 +112,13 @@ export default {
 		}
 	},
 	methods: {
-		addField () {
+		addField() {
 			this.config.profile_fields.push({id: uuid(), label: '', type: 'text', searchable: false})
 		},
-		removeField (field) {
+		removeField(field) {
 			this.$delete(this.config.profile_fields, field)
 		},
-		async save () {
+		async save() {
 			this.saving = true
 			try {
 				await api.call('world.config.patch', {
diff --git a/webapp/src/views/admin/config/reports.vue b/webapp/src/views/admin/config/reports.vue
index 88cdc904..33e09fb9 100644
--- a/webapp/src/views/admin/config/reports.vue
+++ b/webapp/src/views/admin/config/reports.vue
@@ -52,7 +52,7 @@ const time = helpers.regex('time', /^[0-9]{2}:[0-9]{2}$/)
 
 export default {
 	components: { Prompt },
-	data () {
+	data() {
 		return {
 			day_start: moment().format('YYYY-MM-DD'),
 			day_end: moment().format('YYYY-MM-DD'),
@@ -71,17 +71,17 @@ export default {
 	},
 	computed: {
 		...mapState(['world']),
-		questionRooms () {
+		questionRooms() {
 			const r = []
 			r.push(...this.$store.state.rooms.filter((room) => room.modules.filter(m => m.type === 'question').length))
 			return r
 		},
-		pollRooms () {
+		pollRooms() {
 			const r = []
 			r.push(...this.$store.state.rooms.filter((room) => room.modules.filter(m => m.type === 'poll').length))
 			return r
 		},
-		channels () {
+		channels() {
 			const r = []
 			r.push(...this.$store.state.rooms.filter((room) => room.modules.filter(m => m.type === 'chat.native').length).map((room) => {
 				return {
@@ -110,11 +110,11 @@ export default {
 			required,
 		},
 	},
-	destroyed () {
+	destroyed() {
 		window.clearTimeout(this.timeout)
 	},
 	methods: {
-		async generateViews () {
+		async generateViews() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			await this.run('views', {
@@ -122,7 +122,7 @@ export default {
 				end: this.day_end + 'T' + this.time_end,
 			})
 		},
-		async generateRoomviews () {
+		async generateRoomviews() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			await this.run('roomviews', {
@@ -130,7 +130,7 @@ export default {
 				end: this.day_end + 'T' + this.time_end,
 			})
 		},
-		async generateSessionviews () {
+		async generateSessionviews() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			await this.run('sessionviews', {
@@ -138,7 +138,7 @@ export default {
 				end: this.day_end + 'T' + this.time_end,
 			})
 		},
-		async generateSummary () {
+		async generateSummary() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 
@@ -147,7 +147,7 @@ export default {
 				end: this.day_end + 'T' + this.time_end,
 			})
 		},
-		async run (name, payload) {
+		async run(name, payload) {
 			this.running = true
 			this.error = false
 			this.task = name
@@ -160,7 +160,7 @@ export default {
 				this.running = false
 			}
 		},
-		async check () {
+		async check() {
 			try {
 				const r = await api.call('world.report.status', {
 					resultid: this.resultid
@@ -177,11 +177,11 @@ export default {
 				this.running = false
 			}
 		},
-		open () {
+		open() {
 			window.open(this.result)
 			this.clear()
 		},
-		clear () {
+		clear() {
 			this.result = null
 			this.error = false
 			this.running = false
diff --git a/webapp/src/views/admin/config/schedule.vue b/webapp/src/views/admin/config/schedule.vue
index 3b251e42..b106d777 100644
--- a/webapp/src/views/admin/config/schedule.vue
+++ b/webapp/src/views/admin/config/schedule.vue
@@ -56,7 +56,7 @@ import ValidationErrorsMixin from 'components/mixins/validation-errors'
 export default {
 	components: { UploadUrlInput },
 	mixins: [ValidationErrorsMixin],
-	data () {
+	data() {
 		return {
 			uploadUrl: config.api.scheduleImport,
 			showUpload: false, // HACK we need an extra flag to show an empty file upload, since url and file use the same config field
@@ -68,7 +68,7 @@ export default {
 		}
 	},
 	computed: {
-		sourceOptions () {
+		sourceOptions() {
 			const sourceOptions = [
 				{id: null, label: 'No Schedule'},
 				{id: 'pretalx', label: 'Eventyay-talk'},
@@ -80,17 +80,17 @@ export default {
 			}
 			return sourceOptions
 		},
-		pretalxDomain () {
+		pretalxDomain() {
 			if (!this.config.pretalx.domain) return ''
 			if (this.config.pretalx.domain.endsWith('/')) return this.config.pretalx.domain
 			return this.config.pretalx.domain + '/'
 		},
-		lastPush () {
+		lastPush() {
 			if (!this.config || !this.config.pretalx || !this.config.pretalx.pushed) return
 			return moment(this.config.pretalx.pushed).format('dddd, MMMM Do YYYY, h:mm:ss a')
 		},
 		source: {
-			get () {
+			get() {
 				if (!this.config) return
 				if (this.config.pretalx.domain !== undefined) return 'pretalx'
 				if (this.config.pretalx.conftool) return 'conftool'
@@ -103,7 +103,7 @@ export default {
 				}
 				return null
 			},
-			set (value) {
+			set(value) {
 				this.showUpload = false
 				switch (value) {
 					case 'pretalx':
@@ -136,7 +136,7 @@ export default {
 			}
 		},
 	},
-	validations () {
+	validations() {
 		if (this.source === 'pretalx') {
 			return {
 				config: {
@@ -166,7 +166,7 @@ export default {
 		}
 		return {}
 	},
-	async created () {
+	async created() {
 		// TODO: Force reloading if world.updated is received from the server
 		try {
 			this.config = await api.call('world.config.get')
@@ -174,7 +174,7 @@ export default {
 			this.error = error
 			console.log(error)
 		}
-		this.$watch(() => this.config?.pretalx?.domain ? `${this.pretalxDomain}${this.config.pretalx.event}/p/eventyay-video/check` : null, async (url) => {
+		this.$watch(() => this.config?.pretalx?.domain ? `${this.pretalxDomain}${this.config.pretalx.event}/p/eventyay-video/check` : null, async(url) => {
 			this.isPretalxPluginInstalled = false
 			console.log(url)
 			if (!url || !/^https?:\/\//.test(url)) return
@@ -189,11 +189,11 @@ export default {
 			immediate: true
 		})
 	},
-	async mounted () {
+	async mounted() {
 		await this.$nextTick()
 	},
 	methods: {
-		async startPretalxConnect () {
+		async startPretalxConnect() {
 			// save pretalx config first
 			if (!await this.save()) return
 			this.connecting = true
@@ -206,7 +206,7 @@ export default {
 			const apiUrl = config.api.base.startsWith('http') ? config.api.base : (window.location.origin + config.api.base)
 			window.location = `${this.pretalxDomain}orga/event/${this.config.pretalx.event}/settings/p/eventyay-video/?url=${apiUrl}&token=${token}&returnUrl=${window.location.href}`
 		},
-		async save () {
+		async save() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return false
 			this.saving = true
diff --git a/webapp/src/views/admin/config/theme.vue b/webapp/src/views/admin/config/theme.vue
index 0825cf84..a885e735 100644
--- a/webapp/src/views/admin/config/theme.vue
+++ b/webapp/src/views/admin/config/theme.vue
@@ -40,7 +40,7 @@ import { renderers as identiconRenderers } from 'lib/identicons'
 export default {
 	components: { ColorPicker, UploadUrlInput },
 	mixins: [ValidationErrorsMixin],
-	data () {
+	data() {
 		return {
 			// We do not use the global config object since we cannot rely on it being up to date (theme is only updated
 			// during application load).
@@ -51,11 +51,11 @@ export default {
 		}
 	},
 	computed: {
-		strings () {
+		strings() {
 			// access i18n dict via undocumented api
 			return i18n.store.data[this.config.locale].translation
 		},
-		identiconStyles () {
+		identiconStyles() {
 			return Object.entries(identiconRenderers).map(([id, renderer]) => ({
 				id,
 				label: renderer.definition.label
@@ -90,7 +90,7 @@ export default {
 			},
 		}
 	},
-	async created () {
+	async created() {
 		// TODO: Force reloading if world.updated is received from the server
 		try {
 			this.config = await api.call('world.config.get')
@@ -106,7 +106,7 @@ export default {
 		}
 	},
 	methods: {
-		async save () {
+		async save() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 
diff --git a/webapp/src/views/admin/config/token-generator.vue b/webapp/src/views/admin/config/token-generator.vue
index a4096719..875348b3 100644
--- a/webapp/src/views/admin/config/token-generator.vue
+++ b/webapp/src/views/admin/config/token-generator.vue
@@ -17,7 +17,7 @@ import { DEFAULT_COLORS, DEFAULT_LOGO } from 'theme'
 import { required, integer } from 'vuelidate/lib/validators'
 
 export default {
-	data () {
+	data() {
 		return {
 			traits: [],
 			number: 1,
@@ -36,7 +36,7 @@ export default {
 			required
 		}
 	},
-	async created () {
+	async created() {
 		// TODO: Force reloading if world.updated is received from the server
 		try {
 			this.config = await api.call('world.config.get')
@@ -51,10 +51,10 @@ export default {
 		}
 	},
 	methods: {
-		set_traits (t) {
+		set_traits(t) {
 			this.traits = t.split(',').map((i) => i.trim())
 		},
-		async save () {
+		async save() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 
diff --git a/webapp/src/views/admin/config/trait-grants.vue b/webapp/src/views/admin/config/trait-grants.vue
index 02da8350..76f4a573 100644
--- a/webapp/src/views/admin/config/trait-grants.vue
+++ b/webapp/src/views/admin/config/trait-grants.vue
@@ -21,37 +21,37 @@ export default {
 		traitGrants: Object,
 		config: Object
 	},
-	data () {
+	data() {
 		return {
 			newRole: null
 		}
 	},
 	computed: {
-		remainingRoles () {
+		remainingRoles() {
 			const existingRoles = Object.keys(this.traitGrants)
 			return Object.keys(this.config.roles).filter(role => !existingRoles.includes(role))
 		}
 	},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
 	methods: {
-		getTraitGrants (traits) {
+		getTraitGrants(traits) {
 			return stringifyTraitGrants(traits)
 		},
-		setTraitGrants (role, traits) {
+		setTraitGrants(role, traits) {
 			if (typeof this.traitGrants[role] !== 'undefined') {
 				this.$set(this.traitGrants, role, parseTraitGrants(traits))
 			}
 			this.$emit('changed')
 		},
-		removeTraitGrant (role) {
+		removeTraitGrant(role) {
 			this.$delete(this.traitGrants, role)
 			this.$emit('changed')
 		},
-		addTraitGrant () {
+		addTraitGrant() {
 			this.$set(this.traitGrants, this.newRole, [])
 			this.newRole = null
 			this.$emit('changed')
diff --git a/webapp/src/views/admin/index.vue b/webapp/src/views/admin/index.vue
index 8727bb5d..550f95a6 100644
--- a/webapp/src/views/admin/index.vue
+++ b/webapp/src/views/admin/index.vue
@@ -6,13 +6,13 @@
 <script>
 export default {
 	components: {},
-	data () {
+	data() {
 		return {
 		}
 	},
 	computed: {},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
diff --git a/webapp/src/views/admin/kiosks/index.vue b/webapp/src/views/admin/kiosks/index.vue
index 4900ddc8..00aed1a3 100644
--- a/webapp/src/views/admin/kiosks/index.vue
+++ b/webapp/src/views/admin/kiosks/index.vue
@@ -22,7 +22,7 @@ import fuzzysearch from 'lib/fuzzysearch'
 
 export default {
 	name: 'AdminKiosks',
-	data () {
+	data() {
 		return {
 			kiosks: null,
 			search: ''
@@ -30,13 +30,13 @@ export default {
 	},
 	computed: {
 		...mapGetters(['roomsLookup']),
-		filteredKiosks () {
+		filteredKiosks() {
 			if (!this.kiosks) return
 			if (!this.search) return this.kiosks
 			return this.kiosks.filter(kiosk => kiosk.id === this.search.trim() || fuzzysearch(this.search.toLowerCase(), kiosk.profile.display_name.toLowerCase()))
 		}
 	},
-	async created () {
+	async created() {
 		this.kiosks = (await api.call('user.list', {type: 'kiosk'})).results
 	}
 }
diff --git a/webapp/src/views/admin/kiosks/item.vue b/webapp/src/views/admin/kiosks/item.vue
index 8153650f..f1fe85de 100644
--- a/webapp/src/views/admin/kiosks/item.vue
+++ b/webapp/src/views/admin/kiosks/item.vue
@@ -54,7 +54,7 @@ export default {
 	props: {
 		kioskId: String
 	},
-	data () {
+	data() {
 		return {
 			error: null,
 			kiosk: null,
@@ -67,10 +67,10 @@ export default {
 		}
 	},
 	computed: {
-		rooms () {
+		rooms() {
 			return this.$store.state.rooms.filter(room => inferRoomType(room)?.id === 'stage')
 		},
-		loginUrl () {
+		loginUrl() {
 			return `${window.location.origin}/login/${this.kiosk.token}`
 		}
 	},
@@ -89,7 +89,7 @@ export default {
 			}
 		}
 	},
-	async created () {
+	async created() {
 		try {
 			this.kiosk = await api.call('user.kiosk.fetch', {id: this.kioskId})
 			if (!this.kiosk.profile.show_reactions) this.$set(this.kiosk.profile, 'show_reactions', true)
@@ -107,7 +107,7 @@ export default {
 		}
 	},
 	methods: {
-		async save () {
+		async save() {
 			this.saveError = null
 			this.$v.$touch()
 			if (this.$v.$invalid) return
@@ -123,7 +123,7 @@ export default {
 				this.saving = false
 			}
 		},
-		async deleteKiosk () {
+		async deleteKiosk() {
 			if (this.deletingKioskName !== this.kiosk.profile.display_name) return
 			this.deleting = true
 			this.deleteError = null
diff --git a/webapp/src/views/admin/kiosks/new.vue b/webapp/src/views/admin/kiosks/new.vue
index b3a1831b..c0871ca1 100644
--- a/webapp/src/views/admin/kiosks/new.vue
+++ b/webapp/src/views/admin/kiosks/new.vue
@@ -20,7 +20,7 @@ import ValidationErrorsMixin from 'components/mixins/validation-errors'
 export default {
 	components: {},
 	mixins: [ValidationErrorsMixin],
-	data () {
+	data() {
 		return {
 			profile: {
 				display_name: ''
@@ -30,7 +30,7 @@ export default {
 		}
 	},
 	computed: {
-		rooms () {
+		rooms() {
 			return this.$store.state.rooms.filter(room => inferRoomType(room)?.id === 'stage')
 		},
 	},
@@ -45,7 +45,7 @@ export default {
 		}
 	},
 	methods: {
-		async save () {
+		async save() {
 			this.error = null
 			this.$v.$touch()
 			if (this.$v.$invalid) return
diff --git a/webapp/src/views/admin/rooms/EditForm.vue b/webapp/src/views/admin/rooms/EditForm.vue
index a9236a38..baf56872 100644
--- a/webapp/src/views/admin/rooms/EditForm.vue
+++ b/webapp/src/views/admin/rooms/EditForm.vue
@@ -43,7 +43,7 @@ export default {
 			default: false
 		}
 	},
-	data () {
+	data() {
 		return {
 			typeComponents: {
 				stage: Stage,
@@ -61,17 +61,17 @@ export default {
 		}
 	},
 	computed: {
-		modules () {
+		modules() {
 			return this.config?.module_config.reduce((acc, module) => {
 				acc[module.type] = module
 				return acc
 			}, {})
 		},
-		inferredType () {
+		inferredType() {
 			return inferType(this.config)
 		}
 	},
-	validations () {
+	validations() {
 		const config = {
 			name: {
 				required: required('name is required')
@@ -89,7 +89,7 @@ export default {
 		return { config }
 	},
 	methods: {
-		async save () {
+		async save() {
 			this.error = null
 			this.$v.$touch()
 			if (this.$v.$invalid) return
diff --git a/webapp/src/views/admin/rooms/index.vue b/webapp/src/views/admin/rooms/index.vue
index fae6883c..280dd082 100644
--- a/webapp/src/views/admin/rooms/index.vue
+++ b/webapp/src/views/admin/rooms/index.vue
@@ -23,24 +23,24 @@ import RoomListItem from './RoomListItem'
 export default {
 	name: 'AdminRooms',
 	components: { SlickList, RoomListItem },
-	data () {
+	data() {
 		return {
 			rooms: null,
 			search: ''
 		}
 	},
 	computed: {
-		filteredRooms () {
+		filteredRooms() {
 			if (!this.rooms) return
 			if (!this.search) return this.rooms
 			return this.rooms.filter(room => room.id === this.search.trim() || fuzzysearch(this.search.toLowerCase(), room.name.toLowerCase()))
 		}
 	},
-	async created () {
+	async created() {
 		this.rooms = await api.call('room.config.list')
 	},
 	methods: {
-		async onListSort () {
+		async onListSort() {
 			this.rooms = await api.call('room.config.reorder', this.rooms.map(room => room.id))
 			// TODO error handling
 		}
diff --git a/webapp/src/views/admin/rooms/item.vue b/webapp/src/views/admin/rooms/item.vue
index 73e9ea3b..28e132cd 100644
--- a/webapp/src/views/admin/rooms/item.vue
+++ b/webapp/src/views/admin/rooms/item.vue
@@ -33,7 +33,7 @@ export default {
 	props: {
 		roomId: String
 	},
-	data () {
+	data() {
 		return {
 			error: null,
 			config: null,
@@ -44,11 +44,11 @@ export default {
 		}
 	},
 	computed: {
-		inferredType () {
+		inferredType() {
 			return inferType(this.config)
 		}
 	},
-	async created () {
+	async created() {
 		try {
 			this.config = await api.call('room.config.get', {room: this.roomId})
 		} catch (error) {
@@ -57,7 +57,7 @@ export default {
 		}
 	},
 	methods: {
-		async deleteRoom () {
+		async deleteRoom() {
 			if (this.deletingRoomName !== this.config.name) return
 			this.deleting = true
 			this.deleteError = null
diff --git a/webapp/src/views/admin/rooms/new.vue b/webapp/src/views/admin/rooms/new.vue
index 67771bbc..21e37ba7 100644
--- a/webapp/src/views/admin/rooms/new.vue
+++ b/webapp/src/views/admin/rooms/new.vue
@@ -20,7 +20,7 @@ import EditForm from './EditForm'
 
 export default {
 	components: { EditForm },
-	data () {
+	data() {
 		return {
 			ROOM_TYPES,
 			type: null,
@@ -28,18 +28,18 @@ export default {
 		}
 	},
 	computed: {
-		chosenType () {
+		chosenType() {
 			return ROOM_TYPES.find(t => t.id === this.type)
 		},
 	},
 	watch: {
 		$route: 'updateType'
 	},
-	created () {
+	created() {
 		this.updateType()
 	},
 	methods: {
-		updateType () {
+		updateType() {
 			this.type = this.$route.params.type
 			if (!this.type || !this.chosenType) return
 			this.config = {
diff --git a/webapp/src/views/admin/rooms/types-edit/SidebarAddons.vue b/webapp/src/views/admin/rooms/types-edit/SidebarAddons.vue
index ed7c3b02..7e1cc354 100644
--- a/webapp/src/views/admin/rooms/types-edit/SidebarAddons.vue
+++ b/webapp/src/views/admin/rooms/types-edit/SidebarAddons.vue
@@ -13,16 +13,16 @@ import mixin from './mixin'
 
 export default {
 	mixins: [mixin],
-	data () {
+	data() {
 		return {
 		}
 	},
 	computed: {
 		hasChat: {
-			get () {
+			get() {
 				return !!this.modules['chat.native']
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.addModule('chat.native', {volatile: true})
 				} else {
@@ -31,10 +31,10 @@ export default {
 			}
 		},
 		hasQuestions: {
-			get () {
+			get() {
 				return !!this.modules.question
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.addModule('question', {
 						active: true,
@@ -46,10 +46,10 @@ export default {
 			}
 		},
 		hasPolls: {
-			get () {
+			get() {
 				return !!this.modules.poll
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.addModule('poll', {
 						active: true
diff --git a/webapp/src/views/admin/rooms/types-edit/channel-bbb.vue b/webapp/src/views/admin/rooms/types-edit/channel-bbb.vue
index 7a62ffbc..e145767e 100644
--- a/webapp/src/views/admin/rooms/types-edit/channel-bbb.vue
+++ b/webapp/src/views/admin/rooms/types-edit/channel-bbb.vue
@@ -22,7 +22,7 @@ export default {
 	components: { UploadUrlInput, SidebarAddons },
 	mixins: [mixin],
 	computed: {
-		module () {
+		module() {
 			return this.modules['call.bigbluebutton']
 		}
 	}
diff --git a/webapp/src/views/admin/rooms/types-edit/channel-roulette.vue b/webapp/src/views/admin/rooms/types-edit/channel-roulette.vue
index 6c0ad82f..bf36ed0e 100644
--- a/webapp/src/views/admin/rooms/types-edit/channel-roulette.vue
+++ b/webapp/src/views/admin/rooms/types-edit/channel-roulette.vue
@@ -8,7 +8,7 @@ import mixin from './mixin'
 export default {
 	mixins: [mixin],
 	computed: {
-		module () {
+		module() {
 			const m = this.modules['networking.roulette']
 			if (!m.config) {
 				m.config = {}
diff --git a/webapp/src/views/admin/rooms/types-edit/channel-zoom.vue b/webapp/src/views/admin/rooms/types-edit/channel-zoom.vue
index c5640522..39ac032d 100644
--- a/webapp/src/views/admin/rooms/types-edit/channel-zoom.vue
+++ b/webapp/src/views/admin/rooms/types-edit/channel-zoom.vue
@@ -13,7 +13,7 @@ export default {
 	components: { SidebarAddons },
 	mixins: [mixin],
 	computed: {
-		module () {
+		module() {
 			return this.modules['call.zoom']
 		}
 	}
diff --git a/webapp/src/views/admin/rooms/types-edit/mixin.js b/webapp/src/views/admin/rooms/types-edit/mixin.js
index 712822a4..084a54f8 100644
--- a/webapp/src/views/admin/rooms/types-edit/mixin.js
+++ b/webapp/src/views/admin/rooms/types-edit/mixin.js
@@ -10,14 +10,14 @@ export default {
 		}
 	},
 	methods: {
-		addModule (type, config) {
+		addModule(type, config) {
 			if (this.modules[type]) return
 			this.config.module_config.push({
 				type: type,
 				config: config || {}
 			})
 		},
-		removeModule (type) {
+		removeModule(type) {
 			const removeIndex = this.config.module_config.findIndex(m => m.type === type)
 			if (removeIndex >= 0) {
 				this.config.module_config.splice(removeIndex, 1)
diff --git a/webapp/src/views/admin/rooms/types-edit/page-landing.vue b/webapp/src/views/admin/rooms/types-edit/page-landing.vue
index b2237af5..216e1740 100644
--- a/webapp/src/views/admin/rooms/types-edit/page-landing.vue
+++ b/webapp/src/views/admin/rooms/types-edit/page-landing.vue
@@ -15,7 +15,7 @@ export default {
 	components: { RichTextEditor, UploadUrlInput },
 	mixins: [mixin],
 	computed: {
-		sponsorRooms () {
+		sponsorRooms() {
 			return this.$store.state.rooms.filter(room => room.modules.filter(m => m.type === 'exhibition.native').length > 0)
 		}
 	}
diff --git a/webapp/src/views/admin/rooms/types-edit/posters.vue b/webapp/src/views/admin/rooms/types-edit/posters.vue
index 4cf3370a..e320199e 100644
--- a/webapp/src/views/admin/rooms/types-edit/posters.vue
+++ b/webapp/src/views/admin/rooms/types-edit/posters.vue
@@ -20,17 +20,17 @@ import mixin from './mixin'
 
 export default {
 	mixins: [mixin],
-	data () {
+	data() {
 		return {
 		}
 	},
 	computed: {
-		module () {
+		module() {
 			return this.modules['poster.native']
 		}
 	},
 	methods: {
-		addCategory () {
+		addCategory() {
 			if (!this.module.config.categories) this.$set(this.module.config, 'categories', [])
 			this.module.config.categories.push({
 				new: true, // mark as new to autogenerate id
@@ -38,10 +38,10 @@ export default {
 				label: ''
 			})
 		},
-		removeCategory (category) {
+		removeCategory(category) {
 			this.module.config.categories.splice(this.module.config.categories.indexOf(category), 1)
 		},
-		addTag () {
+		addTag() {
 			if (!this.module.config.tags) this.$set(this.module.config, 'tags', [])
 			this.module.config.tags.push({
 				new: true, // mark as new to autogenerate id
@@ -50,15 +50,15 @@ export default {
 				color: ''
 			})
 		},
-		removeTag (tag) {
+		removeTag(tag) {
 			this.module.config.tags.splice(this.module.config.tags.indexOf(tag), 1)
 		},
-		generateId (item) {
+		generateId(item) {
 			if (!item.new) return
 			item.id = item.label.toLowerCase().replaceAll(' ', '-')
 		},
-		beforeSave () {
-			const stripNew = function (list) {
+		beforeSave() {
+			const stripNew = function(list) {
 				for (const item of list || []) {
 					delete item.new
 				}
diff --git a/webapp/src/views/admin/rooms/types-edit/stage.vue b/webapp/src/views/admin/rooms/types-edit/stage.vue
index b1ed2d8a..1bbd76a9 100644
--- a/webapp/src/views/admin/rooms/types-edit/stage.vue
+++ b/webapp/src/views/admin/rooms/types-edit/stage.vue
@@ -40,7 +40,7 @@ import UploadUrlInput from 'components/UploadUrlInput'
 import mixin from './mixin'
 import SidebarAddons from './SidebarAddons'
 import {youtubeid} from 'lib/validators'
-import ISO6391 from 'iso-639-1';
+import ISO6391 from 'iso-639-1'
 
 const STREAM_SOURCE_OPTIONS = [
 	{ id: 'hls', label: 'HLS', module: 'livestream.native' },
@@ -54,7 +54,7 @@ if (features.enabled('iframe-player')) {
 export default {
 	components: { UploadUrlInput, SidebarAddons },
 	mixins: [mixin],
-	data () {
+	data() {
 		return {
 			STREAM_SOURCE_OPTIONS,
 			ISO_LANGUAGE_OPTIONS: this.getLanguageOptions(),
@@ -76,20 +76,20 @@ export default {
 	},
 	computed: {
 		streamSource: {
-			get () {
+			get() {
 				return this.b_streamSource
 			},
-			set (value) {
+			set(value) {
 				this.b_streamSource = value
 				STREAM_SOURCE_OPTIONS.map(option => option.module).forEach(module => this.removeModule(module))
 				this.addModule(STREAM_SOURCE_OPTIONS.find(option => option.id === value).module)
 			}
 		},
 		enablePrivacyEnhancedMode: {
-			get () {
+			get() {
 				return !!this.modules['livestream.youtube'].config.enablePrivacyEnhancedMode
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.$set(this.modules['livestream.youtube'].config, 'enablePrivacyEnhancedMode', true)
 				} else {
@@ -98,11 +98,10 @@ export default {
 			}
 		},
 		loop: {
-			get () {
-
+			get() {
 				return !!this.modules['livestream.youtube'].config.loop
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.$set(this.modules['livestream.youtube'].config, 'loop', true)
 				} else {
@@ -111,10 +110,10 @@ export default {
 			}
 		},
 		modestBranding: {
-			get () {
+			get() {
 				return !!this.modules['livestream.youtube'].config.modestBranding
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.$set(this.modules['livestream.youtube'].config, 'modestBranding', true)
 				} else {
@@ -123,10 +122,10 @@ export default {
 			}
 		},
 		hideControls: {
-			get () {
+			get() {
 				return !!this.modules['livestream.youtube'].config.hideControls
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.$set(this.modules['livestream.youtube'].config, 'hideControls', true)
 				} else {
@@ -135,10 +134,10 @@ export default {
 			}
 		},
 		noRelated: {
-			get () {
+			get() {
 				return !!this.modules['livestream.youtube'].config.noRelated
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.$set(this.modules['livestream.youtube'].config, 'noRelated', true)
 				} else {
@@ -147,10 +146,10 @@ export default {
 			}
 		},
 		disableKb: {
-			get () {
+			get() {
 				return !!this.modules['livestream.youtube'].config.disableKb
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.$set(this.modules['livestream.youtube'].config, 'disableKb', true)
 				} else {
@@ -159,10 +158,10 @@ export default {
 			}
 		},
 		showInfo: {
-			get () {
+			get() {
 				return !!this.modules['livestream.youtube'].config.showInfo
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.$set(this.modules['livestream.youtube'].config, 'showInfo', true)
 				} else {
@@ -171,7 +170,7 @@ export default {
 			}
 		}
 	},
-	created () {
+	created() {
 		if (this.modules['livestream.native']) {
 			this.b_streamSource = 'hls'
 		} else if (this.modules['livestream.youtube']) {
@@ -186,18 +185,18 @@ export default {
 	},
 	methods: {
 		// Added methods addLanguageUrl and deleteLanguageUrl to manage dynamic fields for language and URL input
-		addLanguageUrl () {
+		addLanguageUrl() {
 			if (!this.modules['livestream.youtube'].config.languageUrls) {
-        		this.$set(this.modules['livestream.youtube'].config, 'languageUrls', [])
-      		}
-      		this.modules['livestream.youtube'].config.languageUrls.push({ language: '', youtube_id: '' })
+				this.$set(this.modules['livestream.youtube'].config, 'languageUrls', [])
+			}
+			this.modules['livestream.youtube'].config.languageUrls.push({ language: '', youtube_id: '' })
 		},
-		deleteLanguageUrl (index) {
+		deleteLanguageUrl(index) {
 			if (this.modules['livestream.youtube'].config.languageUrls) {
 				this.modules['livestream.youtube'].config.languageUrls.splice(index, 1)
 			}
 		},
-		deleteAlternativeStream (index) {
+		deleteAlternativeStream(index) {
 			this.modules['livestream.native'].config.alternatives.splice(index, 1)
 			if (this.modules['livestream.native'].config.alternatives.length === 0) {
 				this.modules['livestream.native'].config.alternatives = undefined
@@ -207,7 +206,7 @@ export default {
 			return ISO6391.getAllCodes().map(code => ({
 				id: ISO6391.getName(code),
 				label: ISO6391.getName(code),
-			}));
+			}))
 		}
 	}
 }
diff --git a/webapp/src/views/admin/user.vue b/webapp/src/views/admin/user.vue
index 8f7a5b3c..07d83a9b 100644
--- a/webapp/src/views/admin/user.vue
+++ b/webapp/src/views/admin/user.vue
@@ -49,7 +49,7 @@ export default {
 	props: {
 		userId: String
 	},
-	data () {
+	data() {
 		return {
 			user: null,
 			userAction: null,
@@ -74,23 +74,23 @@ export default {
 			ownUser: 'user'
 		}),
 	},
-	async created () {
+	async created() {
 		this.user = await api.call('user.fetch', {id: this.userId})
 	},
 	methods: {
-		async openDM () {
+		async openDM() {
 			// TODO loading indicator
 			await this.$store.dispatch('chat/openDirectMessage', {users: [this.user]})
 		},
-		async startCall () {
+		async startCall() {
 			const channel = await this.$store.dispatch('chat/openDirectMessage', {users: [this.user]})
 			await this.$store.dispatch('chat/startCall', {channel})
 		},
-		async completedUserAction () {
+		async completedUserAction() {
 			this.userAction = null
 			this.user = await api.call('user.fetch', {id: this.userId})
 		},
-		async uploadAvatar () {
+		async uploadAvatar() {
 			this.savingAvatar = true
 			await this.$refs.avatar.update()
 			await this.$store.dispatch('adminUpdateUser', {profile: Object.assign({}, this.user.profile, {avatar: this.user.profile.avatar}), id: this.user.id})
@@ -98,7 +98,7 @@ export default {
 			this.savingAvatar = false
 			this.edit = false
 		},
-		async save () {
+		async save() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			this.saving = true
diff --git a/webapp/src/views/admin/users.vue b/webapp/src/views/admin/users.vue
index c36edeca..bab9343f 100644
--- a/webapp/src/views/admin/users.vue
+++ b/webapp/src/views/admin/users.vue
@@ -57,7 +57,7 @@ import Avatar from 'components/Avatar'
 export default {
 	name: 'AdminUsers',
 	components: { Avatar },
-	data () {
+	data() {
 		return {
 			users: null,
 			search: ''
@@ -67,13 +67,13 @@ export default {
 		...mapState({
 			ownUser: 'user'
 		}),
-		filteredUsers () {
+		filteredUsers() {
 			if (!this.users) return
 			if (!this.search) return this.users
 			return this.users.filter(user => user.id.startsWith(this.search.trim()) || (user.token_id && user.token_id.startsWith(this.search.trim())) || fuzzysearch(this.search.toLowerCase(), user.profile?.display_name?.toLowerCase()))
 		}
 	},
-	async created () {
+	async created() {
 		this.users = (await api.call('user.list')).results.map(user => {
 			return {
 				...user,
@@ -83,7 +83,7 @@ export default {
 		})
 	},
 	methods: {
-		async doAction (user, action, postState) {
+		async doAction(user, action, postState) {
 			user.updating = action
 			user.error = null
 			try {
diff --git a/webapp/src/views/channels/item.vue b/webapp/src/views/channels/item.vue
index 710ae804..b1238c1e 100644
--- a/webapp/src/views/channels/item.vue
+++ b/webapp/src/views/channels/item.vue
@@ -22,7 +22,7 @@ export default {
 	props: {
 		channelId: String
 	},
-	data () {
+	data() {
 		return {
 			onlineStatus: {},
 			pollOnlineStatusStatusTimeout: null,
@@ -31,30 +31,30 @@ export default {
 	computed: {
 		...mapState(['user']),
 		...mapState('chat', ['joinedChannels', 'call']),
-		hasCall () {
+		hasCall() {
 			return this.call && this.call.channel === this.channelId
 		},
-		channel () {
+		channel() {
 			return this.joinedChannels?.find(channel => channel.id === this.channelId)
 		},
-		otherUsers () {
+		otherUsers() {
 			return this.channel?.members.filter(member => member.id !== this.user.id)
 		}
 	},
-	async created () {
+	async created() {
 		await this.pollOnlineStatus()
 	},
-	destroyed () {
+	destroyed() {
 		if (this.pollOnlineStatusStatusTimeout) {
 			window.clearTimeout(this.pollOnlineStatusStatusTimeout)
 		}
 	},
 	methods: {
-		startCall () {
+		startCall() {
 			const channel = this.channel
 			this.$store.dispatch('chat/startCall', {channel})
 		},
-		async pollOnlineStatus () {
+		async pollOnlineStatus() {
 			this.onlineStatus = (await api.call('user.online_status', {ids: this.otherUsers.map(u => u.id)}))
 			this.pollOnlineStatusStatusTimeout = window.setTimeout(this.pollOnlineStatus, 20000)
 		}
diff --git a/webapp/src/views/contact-requests.vue b/webapp/src/views/contact-requests.vue
index b63a410d..2c64ff62 100644
--- a/webapp/src/views/contact-requests.vue
+++ b/webapp/src/views/contact-requests.vue
@@ -34,7 +34,7 @@ import Avatar from 'components/Avatar'
 import moment from 'moment'
 export default {
 	components: { Avatar },
-	data () {
+	data() {
 		return {
 			moment,
 			onlyMissed: false
@@ -42,7 +42,7 @@ export default {
 	},
 	computed: {
 		...mapState('exhibition', ['contactRequests']),
-		sortedContactRequests () {
+		sortedContactRequests() {
 			let contactRequests = this.contactRequests.slice().sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp))
 			if (this.onlyMissed) {
 				contactRequests = contactRequests.filter(cr => cr.state === 'missed')
@@ -50,8 +50,8 @@ export default {
 			return contactRequests
 		}
 	},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
diff --git a/webapp/src/views/exhibitor-manager/exhibitor.vue b/webapp/src/views/exhibitor-manager/exhibitor.vue
index 63924a1c..dde798f8 100644
--- a/webapp/src/views/exhibitor-manager/exhibitor.vue
+++ b/webapp/src/views/exhibitor-manager/exhibitor.vue
@@ -148,7 +148,7 @@ export default {
 	props: {
 		exhibitorId: String
 	},
-	data () {
+	data() {
 		return {
 			exhibitor: null,
 			saving: false,
@@ -164,15 +164,15 @@ export default {
 	},
 	computed: {
 		...mapGetters(['hasPermission']),
-		all_rooms_or_none () {
+		all_rooms_or_none() {
 			const r = [{name: '', id: ''}]
 			r.push(...this.$store.state.rooms)
 			return r
 		},
-		rooms () {
+		rooms() {
 			return this.$store.state.rooms.filter(room => room.modules.filter(m => m.type === 'exhibition.native').length > 0)
 		},
-		supportedNetworks () {
+		supportedNetworks() {
 			return [
 				'Facebook',
 				'LinkedIn',
@@ -188,7 +188,7 @@ export default {
 			]
 		}
 	},
-	validations () {
+	validations() {
 		return {
 			exhibitor: {
 				name: {
@@ -264,7 +264,7 @@ export default {
 			}
 		}
 	},
-	async created () {
+	async created() {
 		try {
 			if (this.exhibitorId !== '') {
 				this.exhibitor = (await api.call('exhibition.get', {exhibitor: this.exhibitorId})).exhibitor
@@ -298,33 +298,33 @@ export default {
 		}
 	},
 	methods: {
-		remove_social_media_link (link) {
+		remove_social_media_link(link) {
 			this.$delete(this.exhibitor.social_media_links, link)
 		},
-		add_social_media_link () {
+		add_social_media_link() {
 			this.exhibitor.social_media_links.push({display_text: '', url: ''})
 		},
-		set_social_media_link_text (index, displayText) {
+		set_social_media_link_text(index, displayText) {
 			this.exhibitor.social_media_links[index].display_text = displayText
 		},
-		set_social_media_link_url (index, url) {
+		set_social_media_link_url(index, url) {
 			this.exhibitor.social_media_links[index].url = url
 		},
-		remove_link (index, category) {
+		remove_link(index, category) {
 			if (category === 'profile') {
 				this.$delete(this.exhibitor.profileLinks, index)
 			} else if (category === 'download') {
 				this.$delete(this.exhibitor.downloadLinks, index)
 			}
 		},
-		add_link (category) {
+		add_link(category) {
 			if (category === 'profile') {
 				this.exhibitor.profileLinks.push({display_text: '', url: '', category: category, sorting_priority: 0})
 			} else if (category === 'download') {
 				this.exhibitor.downloadLinks.push({display_text: '', url: '', category: category, sorting_priority: 0})
 			}
 		},
-		up_link (index, category) {
+		up_link(index, category) {
 			if (index === 0) return
 			if (category === 'profile') {
 				const l = this.exhibitor.profileLinks[index - 1]
@@ -336,7 +336,7 @@ export default {
 				this.$set(this.exhibitor.downloadLinks, index, l)
 			}
 		},
-		down_link (index, category) {
+		down_link(index, category) {
 			if (category === 'profile') {
 				if (index === this.exhibitor.profileLinks.length - 1) return
 				const l = this.exhibitor.profileLinks[index + 1]
@@ -349,29 +349,29 @@ export default {
 				this.$set(this.exhibitor.downloadLinks, index, l)
 			}
 		},
-		set_link_text (index, category, displayText) {
+		set_link_text(index, category, displayText) {
 			if (category === 'profile') {
 				this.exhibitor.profileLinks[index].display_text = displayText
 			} else if (category === 'download') {
 				this.exhibitor.downloadLinks[index].display_text = displayText
 			}
 		},
-		set_link_url (index, category, url) {
+		set_link_url(index, category, url) {
 			if (category === 'profile') {
 				this.exhibitor.profileLinks[index].url = url
 			} else if (category === 'download') {
 				this.exhibitor.downloadLinks[index].url = url
 			}
 		},
-		add_staff (users) {
+		add_staff(users) {
 			this.exhibitor.staff = this.exhibitor.staff.concat(users)
 			this.exhibitor.staff = this.exhibitor.staff.filter((user, index) => this.exhibitor.staff.indexOf(user) === index)
 			this.showStaffPrompt = false
 		},
-		remove_staff (user) {
+		remove_staff(user) {
 			this.$delete(this.exhibitor.staff, user)
 		},
-		async save () {
+		async save() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			this.saving = true
@@ -403,7 +403,7 @@ export default {
 			this.saving = false
 			// TODO error handling
 		},
-		async deleteExhibitor () {
+		async deleteExhibitor() {
 			this.deleting = true
 			this.deleteError = null
 			try {
diff --git a/webapp/src/views/exhibitor-manager/index.vue b/webapp/src/views/exhibitor-manager/index.vue
index b12ebb9e..c8c74466 100644
--- a/webapp/src/views/exhibitor-manager/index.vue
+++ b/webapp/src/views/exhibitor-manager/index.vue
@@ -18,7 +18,7 @@ import api from 'lib/api'
 
 export default {
 	components: {},
-	data () {
+	data() {
 		return {
 			exhibitors: []
 		}
@@ -26,10 +26,10 @@ export default {
 	computed: {
 		...mapGetters(['hasPermission']),
 	},
-	async created () {
+	async created() {
 		this.exhibitors = (await api.call('exhibition.list.all', {})).exhibitors // TODO: get exhibitions based on permission
 	},
-	mounted () {
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
diff --git a/webapp/src/views/exhibitors/item.vue b/webapp/src/views/exhibitors/item.vue
index b83545ec..1022590e 100644
--- a/webapp/src/views/exhibitors/item.vue
+++ b/webapp/src/views/exhibitors/item.vue
@@ -59,7 +59,7 @@ export default {
 		exhibitorId: String,
 		exhibitorProp: Object,
 	},
-	data () {
+	data() {
 		return {
 			exhibitorApi: null,
 			selectedUser: null,
@@ -71,22 +71,22 @@ export default {
 		...mapState(['user']),
 		...mapGetters(['hasPermission']),
 
-		exhibitor () {
+		exhibitor() {
 			return this.exhibitorProp ? this.exhibitorProp : this.exhibitorApi
 		},
-		bannerIsFrame () {
+		bannerIsFrame() {
 			return this.exhibitor.banner_detail && (
 				this.exhibitor.banner_detail.match('^https?://(www.)?(youtube.com/watch\\?v=|youtu.be/)([^&?]*)([&?].*)?$') ||
 				this.exhibitor.banner_detail.match('^https?://(www.)?(vimeo.com)/(.*)$')
 			)
 		},
-		bannerIsVideo () {
+		bannerIsVideo() {
 			return this.exhibitor.banner_detail && (
 				this.exhibitor.banner_detail.match('^(.*)\\.webm$') ||
 				this.exhibitor.banner_detail.match('^(.*)\\.mp4$')
 			)
 		},
-		bannerVideoSource () {
+		bannerVideoSource() {
 			const ytMatch = this.exhibitor.banner_detail.match('^https?://(www.)?(youtube.com/watch\\?v=|youtu.be/)([^&?]*)([&?].*)?$')
 			const vimeoMatch = this.exhibitor.banner_detail.match('^https?://(www.)?(vimeo.com)/(.*)$')
 			if (ytMatch) {
@@ -97,19 +97,19 @@ export default {
 			}
 			return this.exhibitor.banner_detail
 		},
-		profileLinks () {
+		profileLinks() {
 			return this.exhibitor.links.filter((l) => (l.category === 'profile')).sort((a, b) => a.sorting_priority - b.sorting_priority)
 		},
-		downloadLinks () {
+		downloadLinks() {
 			return this.exhibitor.links.filter((l) => (l.category === 'download')).sort((a, b) => a.sorting_priority - b.sorting_priority)
 		}
 	},
-	async created () {
+	async created() {
 		if (this.exhibitor) return
 		this.exhibitorApi = (await api.call('exhibition.get', {exhibitor: this.exhibitorId})).exhibitor
 	},
 	methods: {
-		prettifyUrl (link) {
+		prettifyUrl(link) {
 			try {
 				const url = new URL(link)
 				return url.hostname + (url.pathname !== '/' ? url.pathname : '')
@@ -117,10 +117,10 @@ export default {
 				return link
 			}
 		},
-		joinRoom () {
+		joinRoom() {
 			this.$router.push({name: 'room', params: {roomId: this.exhibitor.highlighted_room_id}})
 		},
-		async showUserCard (event, user) {
+		async showUserCard(event, user) {
 			this.selectedUser = user
 			await this.$nextTick()
 			const target = event.target.closest('.user')
diff --git a/webapp/src/views/poster-manager/index.vue b/webapp/src/views/poster-manager/index.vue
index 55660883..54892805 100644
--- a/webapp/src/views/poster-manager/index.vue
+++ b/webapp/src/views/poster-manager/index.vue
@@ -19,7 +19,7 @@ import { mapGetters } from 'vuex'
 import api from 'lib/api'
 
 export default {
-	data () {
+	data() {
 		return {
 			posters: null
 		}
@@ -27,7 +27,7 @@ export default {
 	computed: {
 		...mapGetters(['hasPermission']),
 	},
-	async created () {
+	async created() {
 		this.posters = (await api.call('poster.list.all', {}))
 	}
 }
diff --git a/webapp/src/views/poster-manager/poster.vue b/webapp/src/views/poster-manager/poster.vue
index 6fcc7625..ba2820b8 100644
--- a/webapp/src/views/poster-manager/poster.vue
+++ b/webapp/src/views/poster-manager/poster.vue
@@ -107,7 +107,7 @@ export default {
 		create: Boolean,
 		posterId: String
 	},
-	data () {
+	data() {
 		return {
 			error: null,
 			poster: null,
@@ -122,21 +122,21 @@ export default {
 	},
 	computed: {
 		...mapGetters(['hasPermission']),
-		rooms () {
+		rooms() {
 			return this.$store.state.rooms.filter(room => room.modules.some(m => m.type === 'poster.native'))
 		},
-		room () {
+		room() {
 			if (!this.poster.parent_room_id) return
 			return this.rooms.find(room => room.id === this.poster.parent_room_id)
 		},
-		posterModule () {
+		posterModule() {
 			return this.room?.modules.find(module => module.type === 'poster.native')
 		},
-		presentationRoomOptions () {
+		presentationRoomOptions() {
 			return [{name: '', id: ''}, ...this.$store.state.rooms]
 		},
 	},
-	validations () {
+	validations() {
 		return {
 			poster: {
 				title: {
@@ -145,7 +145,7 @@ export default {
 			}
 		}
 	},
-	async created () {
+	async created() {
 		if (this.create) {
 			this.poster = {
 				id: '', // needs to be empty string for creation to work
@@ -172,7 +172,7 @@ export default {
 		}
 	},
 	methods: {
-		async generatePosterPreview () {
+		async generatePosterPreview() {
 			const pdf = await pdfjs.getDocument(this.poster.poster_url).promise
 			const page = await pdf.getPage(1)
 			const unscaledViewport = page.getViewport({scale: 1})
@@ -189,13 +189,13 @@ export default {
 			// TODO handle error (const {url, error} = …)
 			this.poster.poster_preview = url
 		},
-		addAuthor () {
+		addAuthor() {
 			this.poster.authors.authors.push({
 				name: '',
 				orgs: []
 			})
 		},
-		toggleAuthorOrg (author, orgIndex) {
+		toggleAuthorOrg(author, orgIndex) {
 			const index = author.orgs.indexOf(orgIndex)
 			if (index >= 0) {
 				author.orgs.splice(index, 1)
@@ -203,18 +203,18 @@ export default {
 				author.orgs.push(orgIndex)
 			}
 		},
-		addPresenters (presenters) {
+		addPresenters(presenters) {
 			for (const presenter of presenters) {
 				if (this.poster.presenters.some(existing => existing.id === presenter.id)) continue
 				this.poster.presenters.push(presenter)
 			}
 			this.showPresenterPrompt = false
 		},
-		removePresenter (presenter) {
+		removePresenter(presenter) {
 			const index = this.poster.presenters.indexOf(presenter)
 			this.poster.presenters.splice(index, 1)
 		},
-		async save () {
+		async save() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			this.saving = true
@@ -226,7 +226,7 @@ export default {
 			if (this.create) await router.push({name: 'posters:poster', params: {posterId: poster.id}})
 			this.saving = false
 		},
-		async deletePoster () {
+		async deletePoster() {
 			if (this.deletingPosterTitle !== this.poster.title) return
 			this.deleting = true
 			this.deleteError = null
diff --git a/webapp/src/views/posters/item.vue b/webapp/src/views/posters/item.vue
index 1d1daf38..e34b29f6 100644
--- a/webapp/src/views/posters/item.vue
+++ b/webapp/src/views/posters/item.vue
@@ -71,7 +71,7 @@ export default {
 	props: {
 		posterId: String
 	},
-	data () {
+	data() {
 		return {
 			poster: null,
 			pdfLoadFailed: false,
@@ -81,29 +81,29 @@ export default {
 		}
 	},
 	computed: {
-		presentationRoom () {
+		presentationRoom() {
 			if (!this.poster?.presentation_room_id) return
 			return this.$store.state.rooms.find(room => room.id === this.poster.presentation_room_id)
 		},
-		parentRoom () {
+		parentRoom() {
 			if (!this.poster?.parent_room_id) return
 			return this.$store.state.rooms.find(room => room.id === this.poster.parent_room_id)
 		},
-		posterModule () {
+		posterModule() {
 			return this.parentRoom?.modules?.find(module => module.type === 'poster.native')
 		},
-		session () {
+		session() {
 			if (!this.poster?.schedule_session || !this.$store.getters['schedule/sessions']) return
 			return this.$store.getters['schedule/sessions'].find(session => session.id === this.poster.schedule_session)
 		},
-		categoriesLookup () {
+		categoriesLookup() {
 			if (!this.posterModule?.config.categories) return {}
 			return this.posterModule.config.categories.reduce((acc, category) => {
 				acc[category.id] = category
 				return acc
 			}, {})
 		},
-		tagsLookup () {
+		tagsLookup() {
 			if (!this.posterModule?.config.tags) return {}
 			return this.posterModule.config.tags.reduce((acc, tag) => {
 				acc[tag.id] = tag
@@ -112,19 +112,19 @@ export default {
 		},
 	},
 	watch: {
-		async activeTab () {
+		async activeTab() {
 			if (this.activeTab === 'poster') {
 				await this.$nextTick()
 				this.renderPdf()
 			}
 		}
 	},
-	async created () {
+	async created() {
 		this.poster = await api.call('poster.get', {poster: this.posterId})
 		this.renderPdf()
 	},
 	methods: {
-		async renderPdf () {
+		async renderPdf() {
 			this.pdfLoadFailed = false
 			await this.$nextTick()
 			try {
@@ -145,7 +145,7 @@ export default {
 				this.pdfLoadFailed = true
 			}
 		},
-		async like () {
+		async like() {
 			// TODO error handling
 			if (this.poster.has_voted) {
 				await api.call('poster.unvote', {poster: this.poster.id})
@@ -157,7 +157,7 @@ export default {
 				this.poster.has_voted = true
 			}
 		},
-		async showUserCard (event, user) {
+		async showUserCard(event, user) {
 			this.selectedUser = user
 			await this.$nextTick()
 			const target = event.target.closest('.presenter')
diff --git a/webapp/src/views/preferences/index.vue b/webapp/src/views/preferences/index.vue
index cb9a4e25..b2fab959 100644
--- a/webapp/src/views/preferences/index.vue
+++ b/webapp/src/views/preferences/index.vue
@@ -47,7 +47,7 @@ import { required } from 'buntpapier/src/vuelidate/validators'
 
 export default {
 	components: { Avatar, Prompt, ChangeAvatar, ChangeAdditionalFields, ConnectGravatar},
-	data () {
+	data() {
 		return {
 			profile: null,
 			interfaceLanguage: this.$i18n.resolvedLanguage,
@@ -71,12 +71,12 @@ export default {
 		...mapState('notifications', {
 			notificationPermission: 'permission'
 		}),
-		languages () {
+		languages() {
 			if (!config.locales?.length) return null
 			return locales.filter(locale => config.locales.includes(locale.code))
 		}
 	},
-	created () {
+	created() {
 		this.profile = Object.assign({}, this.user.profile)
 		this.autoplay = this.$store.getters.autoplay
 		if (!this.profile.avatar || (!this.profile.avatar.url && !this.profile.avatar.identicon)) {
@@ -86,14 +86,14 @@ export default {
 		}
 	},
 	methods: {
-		async uploadAvatar () {
+		async uploadAvatar() {
 			this.savingAvatar = true
 			await this.$refs.avatar.update()
 			await this.$store.dispatch('updateUser', {profile: Object.assign({}, this.user.profile, {avatar: this.profile.avatar})})
 			this.showChangeAvatar = false
 			this.savingAvatar = false
 		},
-		async save () {
+		async save() {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			this.saving = true
diff --git a/webapp/src/views/rooms/EditRoomSchedule.vue b/webapp/src/views/rooms/EditRoomSchedule.vue
index 6afdb994..a2ac6390 100644
--- a/webapp/src/views/rooms/EditRoomSchedule.vue
+++ b/webapp/src/views/rooms/EditRoomSchedule.vue
@@ -26,27 +26,27 @@ export default {
 		room: Object,
 		currentSession: Object
 	},
-	data () {
+	data() {
 		return {
 			selectedSession: null
 		}
 	},
 	computed: {
-		sessions () {
+		sessions() {
 			return this.$store.getters['schedule/sessions'].filter(session => session.room === this.room)
 		}
 	},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		this.$nextTick(() => {
 			this.$refs.currentSession?.[0]?.scrollIntoView()
 		})
 	},
 	methods: {
-		formatTime (value) {
+		formatTime(value) {
 			return value.format('HH:mm')
 		},
-		change () {
+		change() {
 			this.$store.dispatch('updateRoomSchedule', {room: this.room, schedule_data: {session: this.selectedSession.id}})
 			this.$emit('close')
 		}
diff --git a/webapp/src/views/rooms/ManagePanels/Schedule.vue b/webapp/src/views/rooms/ManagePanels/Schedule.vue
index 2bd61893..9c0400ed 100644
--- a/webapp/src/views/rooms/ManagePanels/Schedule.vue
+++ b/webapp/src/views/rooms/ManagePanels/Schedule.vue
@@ -8,16 +8,16 @@ export default {
 	props: {
 		room: Object
 	},
-	data () {
+	data() {
 		return {
 		}
 	},
 	computed: {
 		computeSession: {
-			get () {
+			get() {
 				return this.room.schedule_data?.computeSession
 			},
-			set (value) {
+			set(value) {
 				if (value) {
 					this.$store.dispatch('updateRoomSchedule', {
 						room: this.room,
@@ -34,8 +34,8 @@ export default {
 			}
 		}
 	},
-	created () {},
-	mounted () {
+	created() {},
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
diff --git a/webapp/src/views/rooms/RoomHeader.vue b/webapp/src/views/rooms/RoomHeader.vue
index 915eda12..bc461f9b 100644
--- a/webapp/src/views/rooms/RoomHeader.vue
+++ b/webapp/src/views/rooms/RoomHeader.vue
@@ -37,7 +37,7 @@ export default {
 	props: {
 		roomId: String
 	},
-	data () {
+	data() {
 		return {
 			showRecordingsPrompt: false,
 			showQRCodePrompt: false
@@ -47,24 +47,24 @@ export default {
 		...mapGetters(['hasPermission']),
 		...mapState(['rooms']),
 		...mapGetters('schedule', ['sessions', 'currentSessionPerRoom']),
-		room () {
+		room() {
 			if (this.roomId === undefined) return this.rooms[0] // '/' is the first room
 			return this.rooms.find(room => room.id === this.roomId)
 		},
-		roomType () {
+		roomType() {
 			return inferRoomType(this.room).id
 		},
-		modules () {
+		modules() {
 			return this.room?.modules.reduce((acc, module) => {
 				acc[module.type] = module
 				return acc
 			}, {})
 		},
-		currentSession () {
+		currentSession() {
 			if (!this.$features.enabled('schedule-control')) return
 			return this.currentSessionPerRoom?.[this.room.id]?.session
 		},
-		canManage () {
+		canManage() {
 			for (const permission of PERMISSIONS_TO_MANAGE) {
 				if (this.hasPermission(permission)) return true
 			}
diff --git a/webapp/src/views/rooms/item.vue b/webapp/src/views/rooms/item.vue
index fcf0bf7d..ef0d99f4 100644
--- a/webapp/src/views/rooms/item.vue
+++ b/webapp/src/views/rooms/item.vue
@@ -45,17 +45,32 @@ import Polls from 'components/Polls'
 import PosterHall from 'components/PosterHall'
 import Questions from 'components/Questions'
 import MediaSourcePlaceholder from 'components/MediaSourcePlaceholder'
-import AudioTranslationDropdown from 'components/AudioTranslationDropdown';
+import AudioTranslationDropdown from 'components/AudioTranslationDropdown'
 
 export default {
 	name: 'Room',
-	components: { Chat, Exhibition, LandingPage, MarkdownPage, StaticPage, IframePage, ReactionsBar, ReactionsOverlay, UserListPage, Roulette, Polls, PosterHall,
-		Questions, MediaSourcePlaceholder, AudioTranslationDropdown },
+	components: {
+		Chat,
+		Exhibition,
+		LandingPage,
+		MarkdownPage,
+		StaticPage,
+		IframePage,
+		ReactionsBar,
+		ReactionsOverlay,
+		UserListPage,
+		Roulette,
+		Polls,
+		PosterHall,
+		Questions,
+		MediaSourcePlaceholder,
+		AudioTranslationDropdown
+	},
 	props: {
 		room: Object,
 		modules: Object
 	},
-	data () {
+	data() {
 		return {
 			activeSidebarTab: null, // chat, questions, polls
 			unreadTabs: {
@@ -68,17 +83,17 @@ export default {
 		}
 	},
 	computed: {
-		unreadTabsClasses () {
+		unreadTabsClasses() {
 			return Object.entries(this.unreadTabs).filter(([tab, value]) => value).map(([tab]) => `tab-${tab}-unread`)
 		}
 	},
 	watch: {
-		activeSidebarTab (tab) {
+		activeSidebarTab(tab) {
 			this.unreadTabs[tab] = false
 		},
 		room: 'initializeLanguages'
 	},
-	created () {
+	created() {
 		if (this.modules['chat.native']) {
 			this.activeSidebarTab = 'chat'
 		} else if (this.modules.question) {
@@ -86,23 +101,23 @@ export default {
 		} else if (this.modules.poll) {
 			this.activeSidebarTab = 'polls'
 		}
-		this.initializeLanguages();
+		this.initializeLanguages()
 	},
 	methods: {
-		changedTabContent (tab) {
+		changedTabContent(tab) {
 			if (tab === this.activeSidebarTab) return
 			this.unreadTabs[tab] = true
 		},
 		handleLanguageChange(languageUrl) {
-			this.$root.$emit('languageChanged', languageUrl);
+			this.$root.$emit('languageChanged', languageUrl)
 		},
-		initializeLanguages(){
-			this.languages = [];
+		initializeLanguages() {
+			this.languages = []
 			if (this.modules['livestream.youtube'] && this.modules['livestream.youtube'].config.languageUrls) {
-				this.languages = this.modules['livestream.youtube'].config.languageUrls;
+				this.languages = this.modules['livestream.youtube'].config.languageUrls
 			}
 			if (!this.languages.find(lang => lang.language === 'Original')) {
-				this.languages.unshift({language: 'Original', url: ``});
+				this.languages.unshift({language: 'Original', url: ''})
 			}
 		}
 	}
diff --git a/webapp/src/views/rooms/manage.vue b/webapp/src/views/rooms/manage.vue
index 513db4db..22469830 100644
--- a/webapp/src/views/rooms/manage.vue
+++ b/webapp/src/views/rooms/manage.vue
@@ -82,7 +82,7 @@ export default {
 	provide: {
 		isManaging: true
 	},
-	data () {
+	data() {
 		return {
 			showingPresentationUrlFor: null,
 			copiedUrl: false,
@@ -96,7 +96,7 @@ export default {
 		...mapGetters('schedule', ['sessions', 'sessionsScheduledNow'])
 	},
 	methods: {
-		async showUrlPopup (type) {
+		async showUrlPopup(type) {
 			this.showingPresentationUrlFor = type
 			await this.$nextTick()
 			createPopper(event.target, this.$refs.urlPopup, {
@@ -106,7 +106,7 @@ export default {
 				]
 			})
 		},
-		showCreatePollPrompt () {
+		showCreatePollPrompt() {
 			this.editedPoll = {
 				content: '',
 				options: [{
@@ -116,7 +116,7 @@ export default {
 				}]
 			}
 		},
-		startEditingPoll (poll) {
+		startEditingPoll(poll) {
 			// only clone relevant parts of the poll to not update too much
 			this.editedPoll = {
 				id: poll.id,
@@ -124,7 +124,7 @@ export default {
 				options: poll.options.map(o => Object.assign({}, o))
 			}
 		},
-		submitPoll () {
+		submitPoll() {
 			if (this.editedPoll.id) {
 				this.$store.dispatch('poll/updatePoll', {
 					poll: this.editedPoll,
@@ -138,11 +138,11 @@ export default {
 			}
 			this.editedPoll = null
 		},
-		getPresentationUrl (type) {
+		getPresentationUrl(type) {
 			console.log(type)
 			return window.location.origin + this.$router.resolve({name: `standalone:${type}`}).href + '#token=' + this.token
 		},
-		copyUrl () {
+		copyUrl() {
 			this.$refs.urlInput.$refs.input.select()
 			document.execCommand('copy')
 			this.copiedUrl = true
diff --git a/webapp/src/views/schedule/export-select.vue b/webapp/src/views/schedule/export-select.vue
index 030e51cf..dc2f7234 100644
--- a/webapp/src/views/schedule/export-select.vue
+++ b/webapp/src/views/schedule/export-select.vue
@@ -1,21 +1,41 @@
 <template>
-  <div class="custom-dropdown" ref="dropdown">
+  <div
+    ref="dropdown"
+    class="custom-dropdown"
+  >
     <button @click="isOpen = !isOpen">
       {{ selectedOption || 'Add to Calendar' }}
     </button>
-    <div v-if="isOpen" class="dropdown-options">
-			<div class="dropdown-item"
-				v-for="option in options"
-				:key="option.id"
-				@click="selectOption(option)"
-				@mouseover="setHoveredOption(option)"
-				@mouseleave="clearHoveredOption(option)"
-			>
-        <div class="item-text">{{ option.label }}</div>
-        <img class="default-image" v-if="qrCodes[option.id]" :src="qrCodes[option.id]" alt="QR Code" />
+    <div
+      v-if="isOpen"
+      class="dropdown-options"
+    >
+      <div
+        v-for="option in options"
+        :key="option.id"
+        class="dropdown-item"
+        @click="selectOption(option)"
+        @mouseover="setHoveredOption(option)"
+        @mouseleave="clearHoveredOption(option)"
+      >
+        <div class="item-text">
+          {{ option.label }}
+        </div>
+        <img
+          v-if="qrCodes[option.id]"
+          class="default-image"
+          :src="qrCodes[option.id]"
+          alt="QR Code"
+        >
         <transition name="fade">
-          <div v-if="hoveredOption === option" class="qr-popup">
-            <img :src="qrCodes[option.id]" alt="QR Code" />
+          <div
+            v-if="hoveredOption === option"
+            class="qr-popup"
+          >
+            <img
+              :src="qrCodes[option.id]"
+              alt="QR Code"
+            >
           </div>
         </transition>
       </div>
@@ -24,65 +44,70 @@
 </template>
 
 <script>
-import QRCode from 'qrcode';
+import QRCode from 'qrcode'
 import config from 'config'
 
 export default {
-  props: ['options'],
+	props: {
+		options: {
+			type: Array,
+			required: true
+		}
+	},
+	data() {
+		return {
+			isOpen: false,
+			selectedOption: null,
+			hoveredOption: null,
+			qrCodes: {}
+		}
+	},
 	mounted() {
-    document.addEventListener('click', this.outsideClick);
-  },
+		document.addEventListener('click', this.outsideClick)
+	},
 	beforeDestroy() {
-    document.removeEventListener('click', this.outsideClick);
-  },
-  data() {
-    return {
-      isOpen: false,
-      selectedOption: null,
-      hoveredOption: null,
-      qrCodes: {}
-    };
-  },
-  created() {
-    this.options.forEach(option => {
-      this.generateQRCode(option);
-    });
-  },
-  methods: {
-    selectOption(option) {
-      this.selectedOption = option.label;
-      this.isOpen = false;
-      this.$emit('input', option);
-    },
-    outsideClick(event) {
-      const dropdown = this.$refs.dropdown;
-      if (!dropdown.contains(event.target)) {
-        this.isOpen = false;
-      }
-    },
-    generateQRCode(option) {
-      if (!['ics', 'xml', 'myics', 'myxml'].includes(option.id)) {
-        return;
-      }
-      const url = config.api.base + 'export-talk?export_type=' + option.id
-      QRCode.toDataURL(url, { scale: 1 }, (err, url) => {
-        if (!err) this.qrCodes[option.id] = url;
-      });
-    },
+		document.removeEventListener('click', this.outsideClick)
+	},
+	created() {
+		this.options.forEach(option => {
+			this.generateQRCode(option)
+		})
+	},
+	methods: {
+		selectOption(option) {
+			this.selectedOption = option.label
+			this.isOpen = false
+			this.$emit('input', option)
+		},
+		outsideClick(event) {
+			const dropdown = this.$refs.dropdown
+			if (!dropdown.contains(event.target)) {
+				this.isOpen = false
+			}
+		},
+		generateQRCode(option) {
+			if (!['ics', 'xml', 'myics', 'myxml'].includes(option.id)) {
+				return
+			}
+			const url = config.api.base + 'export-talk?export_type=' + option.id
+			QRCode.toDataURL(url, { scale: 1 }, (err, url) => {
+				if (!err) this.qrCodes[option.id] = url
+			})
+		},
 		setHoveredOption(option) {
-      if (['ics', 'xml', 'myics', 'myxml'].includes(option.id)) {
-        this.hoveredOption = option;
-      } else {
-        this.hoveredOption = null;
-      }
-    },
-    clearHoveredOption(option) {
-      if (this.hoveredOption === option) {
-        this.hoveredOption = null;
-      }
-    },
-  }
-};
+			if (['ics', 'xml', 'myics', 'myxml'].includes(option.id)) {
+				this.hoveredOption = option
+			} else {
+				this.hoveredOption = null
+			}
+		},
+		clearHoveredOption(option) {
+			if (this.hoveredOption === option) {
+				this.hoveredOption = null
+			}
+		},
+	}
+}
 </script>
 
 <style>
diff --git a/webapp/src/views/schedule/index.vue b/webapp/src/views/schedule/index.vue
index 4e2586ac..b0cca37f 100644
--- a/webapp/src/views/schedule/index.vue
+++ b/webapp/src/views/schedule/index.vue
@@ -22,7 +22,7 @@
 					:options="exportType"
 					label="Add to Calendar"
 					@input="makeExport")
-				
+
 		bunt-tabs.days(v-if="days && days.length > 1", :active-tab="currentDay.toISOString()", ref="tabs", v-scrollbar.x="")
 			bunt-tab(v-for="day in days", :id="day.toISOString()", :header="moment(day).format('dddd DD. MMMM')", @selected="changeDay(day)")
 		.scroll-parent(ref="scrollParent", v-scrollbar.x.y="")
@@ -70,36 +70,36 @@ import AppDropdownContent from 'components/AppDropdownContent.vue'
 import AppDropdownItem from 'components/AppDropdownItem.vue'
 const exportTypeSet = [
 	{
-		"id": "ics",
-		"label": "Session ICal"
+		id: 'ics',
+		label: 'Session ICal'
 	},
 	{
-		"id": "json",
-		"label": "Session JSON"
+		id: 'json',
+		label: 'Session JSON'
 	},
 	{
-		"id": "xcal",
-		"label": "Session XCal"
+		id: 'xcal',
+		label: 'Session XCal'
 	},
 	{
-		"id": "xml",
-		"label": "Session XML"
+		id: 'xml',
+		label: 'Session XML'
 	},
 	{
-		"id": "myics",
-		"label": "My ⭐ Sessions ICal"
+		id: 'myics',
+		label: 'My ⭐ Sessions ICal'
 	},
 	{
-		"id": "myjson",
-		"label": "My ⭐ Sessions JSON"
+		id: 'myjson',
+		label: 'My ⭐ Sessions JSON'
 	},
 	{
-		"id": "myxcal",
-		"label": "My ⭐ Sessions XCal"
+		id: 'myxcal',
+		label: 'My ⭐ Sessions XCal'
 	},
 	{
-		"id": "myxml",
-		"label": "My ⭐ Sessions XML"
+		id: 'myxml',
+		label: 'My ⭐ Sessions XML'
 	},
 ]
 
@@ -125,7 +125,7 @@ export default {
 	name: 'Schedule',
 	components: { LinearSchedule, GridSchedule, TimezoneChanger, Prompt, CustomDropdown, AppDropdown, AppDropdownContent, AppDropdownItem },
 	mixins: [scheduleProvidesMixin],
-	data () {
+	data() {
 		return {
 			tracksFilter: {},
 			moment,
@@ -142,13 +142,12 @@ export default {
 		...mapState(['now']),
 		...mapState('schedule', ['schedule', 'errorLoading']),
 		...mapGetters('schedule', ['days', 'rooms', 'sessions', 'favs']),
-		exportType () {
+		exportType() {
 			return exportTypeSet
 		},
-		filteredTracks () {
+		filteredTracks() {
 			let results = null
-			let self = this
-			this.onlyFavs = false
+			const self = this
 			Object.keys(this.filter).forEach(key => {
 				const refKey = this.filter[key].refKey
 				const selectedIds = this.filter[key].data.filter(t => t.selected).map(t => t.value)
@@ -157,26 +156,26 @@ export default {
 					if (results && results.length) {
 						founds = self.schedule.talks.filter(t => selectedIds.includes(t[refKey]) && results && results.includes(t.id))?.map(i => i.id) || []
 					} else {
-						founds = self.schedule.talks.filter(t => {return selectedIds.includes(t[refKey])})?.map(i => i.id) || []
+						founds = self.schedule.talks.filter(t => { return selectedIds.includes(t[refKey]) })?.map(i => i.id) || []
 					}
 					results = founds
 				}
 			})
 			return results
 		},
-		tracksLookup () {
+		tracksLookup() {
 			if (!this.schedule) return {}
 			return this.schedule.tracks.reduce((acc, t) => { acc[t.id] = t; return acc }, {})
 		},
-		roomsLookup () {
+		roomsLookup() {
 			if (!this.schedule) return {}
 			return this.schedule.rooms.reduce((acc, room) => { acc[room.id] = room; return acc }, {})
 		},
-		speakersLookup () {
+		speakersLookup() {
 			if (!this.schedule) return {}
 			return this.schedule.speakers.reduce((acc, s) => { acc[s.code] = s; return acc }, {})
 		},
-		sessions () {
+		sessions() {
 			const sessions = []
 			const filter = this.filteredTracks
 			for (const session of this.schedule.talks.filter(s => s.start)) {
@@ -203,49 +202,50 @@ export default {
 		rooms() {
 			return _.uniqBy(this.sessions, 'room.id').map(s => s.room)
 		},
-        filter() {
+		filter() {
 			const filter = this.defaultFilter
-            filter.tracks.data = this.schedule.tracks.map(t => { t.value = t.id; t.label = t.name; return t })
-            filter.rooms.data = this.schedule.rooms.map(t => { t.value = t.id; t.label = t.name; return t })
+			filter.tracks.data = this.schedule.tracks.map(t => { t.value = t.id; t.label = t.name; return t })
+			filter.rooms.data = this.schedule.rooms.map(t => { t.value = t.id; t.label = t.name; return t })
 			filter.types.data = this.schedule.session_type.map(t => { t.value = t.session_type; t.label = t.session_type; return t })
 			return filter
-        }
+		}
 	},
 	watch: {
 		tracksFilter: {
-			handler: function (newValue) {
+			handler: function(newValue) {
 				const arr = Object.keys(newValue).filter(key => newValue[key])
 				this.$store.dispatch('schedule/filter', {type: 'track', tracks: arr})
+				this.resetOnlyFavs()
 			},
 			deep: true
 		}
 	},
 	methods: {
-		changeDay (day) {
+		changeDay(day) {
 			if (day.isSame(this.currentDay)) return
 			this.currentDay = day
 		},
-		changeDayByScroll (day) {
+		changeDayByScroll(day) {
 			this.currentDay = day
 			const tabEl = this.$refs.tabs.$refs.tabElements.find(el => el.id === day.toISOString())
 			// TODO smooth scroll, seems to not work with chrome {behavior: 'smooth', block: 'center', inline: 'center'}
 			tabEl?.$el.scrollIntoView()
 		},
 		getTrackName(track) {
-			const language_track = localStorage.userLanguage;
+			const languageTrack = localStorage.userLanguage
 			if (typeof track.name === 'object' && track.name !== null) {
-				if (language_track && track.name[language_track]) {
-					return track.name[language_track];
+				if (languageTrack && track.name[languageTrack]) {
+					return track.name[languageTrack]
 				} else {
-					return track.name.en || track.name;
+					return track.name.en || track.name
 				}
 			} else if (track.session_type && track.session_type !== null) {
-				return track.session_type;
+				return track.session_type
 			} else {
-				return track.name;
+				return track.name
 			}
 		},
-		toggleFavFilter () {
+		toggleFavFilter() {
 			this.tracksFilter = {}
 			if (this.filter.type === 'fav') {
 				this.$store.dispatch('schedule/filter', {})
@@ -255,37 +255,37 @@ export default {
 		},
 		async makeExport() {
 			try {
-				this.isExporting = true;
+				this.isExporting = true
 				const url = config.api.base + 'export-talk?export_type=' + this.selectedExporter.id
 				const authHeader = api._config.token ? `Bearer ${api._config.token}` : (api._config.clientId ? `Client ${api._config.clientId}` : null)
 				const result = await fetch(url, {
-							method: 'GET',
-							headers: {
-								Accept: 'application/json',
-								Authorization: authHeader,
-							}
-						}).then(response => response.json())
-				var a = document.createElement("a");
-				document.body.appendChild(a);
-				const blob = new Blob([result], {type: "octet/stream"}),
-				download_url = window.URL.createObjectURL(blob);
-				a.href = download_url;
-				a.download = "schedule-" + this.selectedExporter.id + '.' + this.selectedExporter.id.replace('my','');
-				a.click();
-				window.URL.revokeObjectURL(download_url);
+					method: 'GET',
+					headers: {
+						Accept: 'application/json',
+						Authorization: authHeader,
+					}
+				}).then(response => response.json())
+				var a = document.createElement('a')
+				document.body.appendChild(a)
+				const blob = new Blob([result], {type: 'octet/stream'})
+				const downloadUrl = window.URL.createObjectURL(blob)
+				a.href = downloadUrl
+				a.download = 'schedule-' + this.selectedExporter.id + '.' + this.selectedExporter.id.replace('my', '')
+				a.click()
+				window.URL.revokeObjectURL(downloadUrl)
 				a.remove()
-				this.isExporting = false;
+				this.isExporting = false
 			} catch (error) {
-				this.isExporting = false;
+				this.isExporting = false
 				this.error = error
 				console.log(error)
 			}
 		},
-		resetAllFiltered () {
+		resetAllFiltered() {
 			this.resetFiltered()
 			this.onlyFavs = false
 		},
-		resetFiltered () {
+		resetFiltered() {
 			Object.keys(this.filter).forEach(key => {
 				this.filter[key].data.forEach(t => {
 					if (t.selected) {
@@ -293,6 +293,9 @@ export default {
 					}
 				})
 			})
+		},
+		resetOnlyFavs() {
+			this.onlyFavs = false
 		}
 	}
 }
@@ -304,7 +307,7 @@ export default {
 		.app-drop-down
 			width: 90px
 			margin-bottom: 8px
-	.c-schedule 
+	.c-schedule
 		.bunt-ripple-ink
 			margin: 12px 0 20px 15px !important;
 		.export.dropdown
diff --git a/webapp/src/views/schedule/schedule-components/GridSchedule.vue b/webapp/src/views/schedule/schedule-components/GridSchedule.vue
index f4b33624..27d9a7a7 100644
--- a/webapp/src/views/schedule/schedule-components/GridSchedule.vue
+++ b/webapp/src/views/schedule/schedule-components/GridSchedule.vue
@@ -42,7 +42,7 @@ import moment from 'moment-timezone'
 import Session from './Session'
 import { getLocalizedString, getPrettyDuration } from 'views/schedule/utils'
 
-const getSliceName = function (date) {
+const getSliceName = function(date) {
 	return `slice-${date.format('MM-DD-HH-mm')}`
 }
 
@@ -53,7 +53,7 @@ export default {
 		rooms: Array,
 		favs: {
 			type: Array,
-			default () {
+			default() {
 				return []
 			}
 		},
@@ -61,7 +61,7 @@ export default {
 		now: Object,
 		scrollParent: Element
 	},
-	data () {
+	data() {
 		return {
 			moment,
 			getLocalizedString,
@@ -70,17 +70,17 @@ export default {
 		}
 	},
 	computed: {
-		hasSessionsWithoutRoom () {
+		hasSessionsWithoutRoom() {
 			return this.sessions.some(s => !s.room)
 		},
-		hasAmPm () {
+		hasAmPm() {
 			return moment.localeData().longDateFormat('LT').endsWith(' A')
 		},
-		timeslices () {
+		timeslices() {
 			const minimumSliceMins = 30
 			const slices = []
 			const slicesLookup = {}
-			const pushSlice = function (date, {hasSession = false, hasBreak = false, hasStart = false, hasEnd = false} = {}) {
+			const pushSlice = function(date, {hasSession = false, hasBreak = false, hasStart = false, hasEnd = false} = {}) {
 				const name = getSliceName(date)
 				let slice = slicesLookup[name]
 				if (slice) {
@@ -102,7 +102,7 @@ export default {
 					slicesLookup[name] = slice
 				}
 			}
-			const fillHalfHours = function (start, end, {hasSession, hasBreak} = {}) {
+			const fillHalfHours = function(start, end, {hasSession, hasBreak} = {}) {
 				// fill to the nearest half hour, then each half hour, then fill to end
 				let mins = end.diff(start, 'minutes')
 				const startingMins = minimumSliceMins - start.minute() % minimumSliceMins
@@ -143,12 +143,12 @@ export default {
 				fillHalfHours(session.start, session.end, {hasSession: isProper, hasBreak: !isProper})
 			}
 
-			const sliceIsFraction = function (slice) {
+			const sliceIsFraction = function(slice) {
 				if (!slice) return
 				return slice.date.minutes() !== 0 && slice.date.minutes() !== minimumSliceMins
 			}
 
-			const sliceShouldDisplay = function (slice, index) {
+			const sliceShouldDisplay = function(slice, index) {
 				if (!slice) return
 				// keep slices with sessions or when changing dates, or when sessions start or immediately after they end
 				if (slice.hasSession || slice.datebreak || slice.hasStart || slice.hasEnd) return true
@@ -193,10 +193,10 @@ export default {
 			if (compactedSlices && compactedSlices[compactedSlices.length - 1]?.gap) compactedSlices.pop()
 			return compactedSlices
 		},
-		visibleTimeslices () {
+		visibleTimeslices() {
 			return this.timeslices.filter(slice => slice.date.minute() % 30 === 0)
 		},
-		gridStyle () {
+		gridStyle() {
 			let rows = '[header] 52px '
 			rows += this.timeslices.map((slice, index) => {
 				const next = this.timeslices[index + 1]
@@ -215,7 +215,7 @@ export default {
 				'grid-template-rows': rows
 			}
 		},
-		nowSlice () {
+		nowSlice() {
 			let slice
 			for (const s of this.timeslices) {
 				if (this.now.isBefore(s.date)) break
@@ -241,7 +241,7 @@ export default {
 	watch: {
 		currentDay: 'changeDay'
 	},
-	async mounted () {
+	async mounted() {
 		await this.$nextTick()
 		this.observer = new IntersectionObserver(this.onIntersect, {
 			root: this.scrollParent,
@@ -269,28 +269,28 @@ export default {
 		}
 	},
 	methods: {
-		isProperSession (session) {
+		isProperSession(session) {
 			// breaks and such don't have ids
 			return !!session.id
 		},
-		getSessionStyle (session) {
+		getSessionStyle(session) {
 			const roomIndex = this.rooms.indexOf(session.room)
 			return {
 				'grid-row': `${getSliceName(session.start)} / ${getSliceName(session.end)}`,
 				'grid-column': roomIndex > -1 ? roomIndex + 2 : null
 			}
 		},
-		getOffsetTop () {
+		getOffsetTop() {
 			const rect = this.$parent.$el.getBoundingClientRect()
 			return rect.top + window.scrollY
 		},
-		getSliceClasses (slice) {
+		getSliceClasses(slice) {
 			return {
 				datebreak: slice.datebreak,
 				gap: slice.gap
 			}
 		},
-		getSliceStyle (slice) {
+		getSliceStyle(slice) {
 			if (slice.datebreak) {
 				let index = this.timeslices.findIndex(s => s.date.isAfter(slice.date, 'day'))
 				if (index < 0) {
@@ -300,11 +300,11 @@ export default {
 			}
 			return {'grid-area': `${slice.name} / 1 / auto / auto`}
 		},
-		getSliceLabel (slice) {
+		getSliceLabel(slice) {
 			if (slice.datebreak) return slice.date.format('ddd[\n]DD. MMM')
 			return slice.date.format('LT')
 		},
-		changeDay (day) {
+		changeDay(day) {
 			if (this.scrolledDay === day) return
 			const el = this.$refs[getSliceName(day)]?.[0]
 			if (!el) return
@@ -315,7 +315,7 @@ export default {
 				window.scroll({top: offset})
 			}
 		},
-		onIntersect (entries) {
+		onIntersect(entries) {
 			// TODO still gets stuck when scrolling fast above threshold and back
 			const entry = entries.sort((a, b) => b.time - a.time).find(entry => entry.isIntersecting)
 			if (!entry) return
diff --git a/webapp/src/views/schedule/schedule-components/LinearSchedule.vue b/webapp/src/views/schedule/schedule-components/LinearSchedule.vue
index b10b86a6..bc6dc779 100644
--- a/webapp/src/views/schedule/schedule-components/LinearSchedule.vue
+++ b/webapp/src/views/schedule/schedule-components/LinearSchedule.vue
@@ -28,7 +28,7 @@ export default {
 		rooms: Array,
 		favs: {
 			type: Array,
-			default () {
+			default() {
 				return []
 			}
 		},
@@ -37,7 +37,7 @@ export default {
 		scrollParent: Element,
 		sortBy: String,
 	},
-	data () {
+	data() {
 		return {
 			moment,
 			getLocalizedString,
@@ -45,7 +45,7 @@ export default {
 		}
 	},
 	computed: {
-		sessionBuckets () {
+		sessionBuckets() {
 			const buckets = {}
 			for (const session of this.sessions) {
 				const key = session.start.format()
@@ -97,7 +97,7 @@ export default {
 	watch: {
 		currentDay: 'changeDay'
 	},
-	async mounted () {
+	async mounted() {
 		await this.$nextTick()
 		this.observer = new IntersectionObserver(this.onIntersect, {
 			root: this.scrollParent,
@@ -137,18 +137,18 @@ export default {
 		}
 	},
 	methods: {
-		isProperSession (session) {
+		isProperSession(session) {
 			// breaks and such don't have ids
 			return !!session.id
 		},
-		getBucketName (date) {
+		getBucketName(date) {
 			return `bucket-${date.format('YYYY-MM-DD-HH-mm')}`
 		},
-		getOffsetTop () {
+		getOffsetTop() {
 			const rect = this.$parent.$el.getBoundingClientRect()
 			return rect.top + window.scrollY
 		},
-		changeDay (day) {
+		changeDay(day) {
 			if (this.scrolledDay === day) return
 			const dayBucket = this.sessionBuckets.find(bucket => day.isSame(bucket.date, 'day'))
 			if (!dayBucket) return
@@ -161,7 +161,7 @@ export default {
 				window.scroll({top: scrollTop})
 			}
 		},
-		onIntersect (results) {
+		onIntersect(results) {
 			const intersection = results[0]
 			const day = moment.parseZone(intersection.target.dataset.date).startOf('day')
 			if (intersection.isIntersecting) {
diff --git a/webapp/src/views/schedule/schedule-components/Session.vue b/webapp/src/views/schedule/schedule-components/Session.vue
index cfda937b..0ff534c5 100644
--- a/webapp/src/views/schedule/schedule-components/Session.vue
+++ b/webapp/src/views/schedule/schedule-components/Session.vue
@@ -68,32 +68,32 @@ export default {
 		eventUrl: { default: null },
 		linkTarget: { default: '_self' },
 		generateSessionLinkUrl: {
-			default () {
+			default() {
 				return ({eventUrl, session}) => `${eventUrl}talk/${session.id}/`
 			}
 		},
 		onSessionLinkClick: {
-			default () {
+			default() {
 				return () => {}
 			}
 		}
 	},
-	data () {
+	data() {
 		return {
 			getPrettyDuration,
 			getLocalizedString
 		}
 	},
 	computed: {
-		link () {
+		link() {
 			return this.generateSessionLinkUrl({eventUrl: this.eventUrl, session: this.session})
 		},
-		style () {
+		style() {
 			return {
 				'--track-color': this.session.track?.color || 'var(--pretalx-clr-primary)'
 			}
 		},
-		startTime () {
+		startTime() {
 			// check if 12h or 24h locale
 			if (this.hasAmPm) {
 				return {
@@ -106,10 +106,10 @@ export default {
 				}
 			}
 		},
-		isLive () {
+		isLive() {
 			return moment(this.session.start).isBefore(this.now) && moment(this.session.end).isAfter(this.now)
 		},
-		abstract () {
+		abstract() {
 			try {
 				return markdownIt.renderInline(this.session.abstract)
 			} catch (error) {
@@ -120,22 +120,22 @@ export default {
 	methods: {
 		getContrastColor(bgColor) {
 			if (!bgColor) {
-				return '';
+				return ''
 			}
 
 			// Remove the hash if it's there
-			bgColor = bgColor.replace('#', '');
+			bgColor = bgColor.replace('#', '')
 
 			// Convert the color to RGB
-			var r = parseInt(bgColor.slice(0, 2), 16);
-			var g = parseInt(bgColor.slice(2, 4), 16);
-			var b = parseInt(bgColor.slice(4, 6), 16);
+			var r = parseInt(bgColor.slice(0, 2), 16)
+			var g = parseInt(bgColor.slice(2, 4), 16)
+			var b = parseInt(bgColor.slice(4, 6), 16)
 
 			// Calculate the brightness of the color
-			var brightness = (r * 299 + g * 587 + b * 114) / 1000;
+			var brightness = (r * 299 + g * 587 + b * 114) / 1000
 
 			// If the brightness is over 128, return black. Otherwise, return white
-			return brightness > 128 ? 'black' : 'white';
+			return brightness > 128 ? 'black' : 'white'
 		}
 	}
 }
diff --git a/webapp/src/views/schedule/sessions/index.vue b/webapp/src/views/schedule/sessions/index.vue
index 0ff07789..f82b86c5 100644
--- a/webapp/src/views/schedule/sessions/index.vue
+++ b/webapp/src/views/schedule/sessions/index.vue
@@ -22,7 +22,7 @@
                     :options="exportType"
                     label="Add to Calendar"
                     @input="makeExport")
-                
+
         bunt-tabs.days(v-if="days && days.length > 1", :active-tab="currentDay.toISOString()", ref="tabs", v-scrollbar.x="")
             bunt-tab(v-for="day in days", :id="day.toISOString()", :header="moment(day).format('dddd DD. MMMM')", @selected="changeDay(day)")
         .scroll-parent(ref="scrollParent", v-scrollbar.x.y="")
@@ -57,232 +57,235 @@ import AppDropdown from 'components/AppDropdown.vue'
 import AppDropdownContent from 'components/AppDropdownContent.vue'
 import AppDropdownItem from 'components/AppDropdownItem.vue'
 const exportTypeSet = [
-    {
-        "id": "ics",
-        "label": "Session ICal"
-    },
-    {
-        "id": "json",
-        "label": "Session JSON"
-    },
-    {
-        "id": "xcal",
-        "label": "Session XCal"
-    },
-    {
-        "id": "xml",
-        "label": "Session XML"
-    },
-    {
-        "id": "myics",
-        "label": "My ⭐ Sessions ICal"
-    },
-    {
-        "id": "myjson",
-        "label": "My ⭐ Sessions JSON"
-    },
-    {
-        "id": "myxcal",
-        "label": "My ⭐ Sessions XCal"
-    },
-    {
-        "id": "myxml",
-        "label": "My ⭐ Sessions XML"
-    },
+	{
+		id: 'ics',
+		label: 'Session ICal'
+	},
+	{
+		id: 'json',
+		label: 'Session JSON'
+	},
+	{
+		id: 'xcal',
+		label: 'Session XCal'
+	},
+	{
+		id: 'xml',
+		label: 'Session XML'
+	},
+	{
+		id: 'myics',
+		label: 'My ⭐ Sessions ICal'
+	},
+	{
+		id: 'myjson',
+		label: 'My ⭐ Sessions JSON'
+	},
+	{
+		id: 'myxcal',
+		label: 'My ⭐ Sessions XCal'
+	},
+	{
+		id: 'myxml',
+		label: 'My ⭐ Sessions XML'
+	},
 ]
 
 const defaultFilter = {
-    tracks: {
-        refKey: 'track',
-        data: [],
-        title: 'Tracks'
-    },
-    rooms: {
-        refKey: 'room',
-        data: [],
-        title: 'Rooms'
-    },
-    types: {
-        refKey: 'session_type',
-        data: [],
-        title: 'Types'
-    }
+	tracks: {
+		refKey: 'track',
+		data: [],
+		title: 'Tracks'
+	},
+	rooms: {
+		refKey: 'room',
+		data: [],
+		title: 'Rooms'
+	},
+	types: {
+		refKey: 'session_type',
+		data: [],
+		title: 'Types'
+	}
 }
 
 export default {
-    name: 'Schedule',
-    components: { LinearSchedule, GridSchedule, TimezoneChanger, Prompt, CustomDropdown, AppDropdown, AppDropdownContent, AppDropdownItem },
-    mixins: [scheduleProvidesMixin],
-    data () {
-        return {
-            tracksFilter: {},
-            moment,
-            currentDay: moment().startOf('day'),
-            selectedExporter: null,
-            exportOptions: [],
-            isExporting: false,
-            error: null,
-            defaultFilter: defaultFilter,
-            onlyFavs: false
-        }
-    },
-    computed: {
-        ...mapState(['now']),
-        ...mapState('schedule', ['schedule', 'errorLoading']),
-        ...mapGetters('schedule', ['days', 'rooms', 'sessions', 'favs']),
-        exportType () {
-            return exportTypeSet
-        },
-        filteredTracks () {
-            let results = null
-            let self = this
-            this.onlyFavs = false
-            Object.keys(this.filter).forEach(key => {
-                const refKey = this.filter[key].refKey
-                const selectedIds = this.filter[key].data.filter(t => t.selected).map(t => t.value)
-                let founds = null
-                if (selectedIds.length) {
-                    if (results && results.length) {
-                        founds = self.schedule.talks.filter(t => selectedIds.includes(t[refKey]) && results && results.includes(t.id))?.map(i => i.id) || []
-                    } else {
-                        founds = self.schedule.talks.filter(t => {return selectedIds.includes(t[refKey])})?.map(i => i.id) || []
-                    }
-                    results = founds
-                }
-            })
-            return results
-        },
-        tracksLookup () {
-            if (!this.schedule) return {}
-            return this.schedule.tracks.reduce((acc, t) => { acc[t.id] = t; return acc }, {})
-        },
-        roomsLookup () {
-            if (!this.schedule) return {}
-            return this.schedule.rooms.reduce((acc, room) => { acc[room.id] = room; return acc }, {})
-        },
-        speakersLookup () {
-            if (!this.schedule) return {}
-            return this.schedule.speakers.reduce((acc, s) => { acc[s.code] = s; return acc }, {})
-        },
-        sessions () {
-            const sessions = []
-            const filter = this.filteredTracks
-            for (const session of this.schedule.talks.filter(s => s.start)) {
-                if (this.onlyFavs && !this.favs.includes(session.code)) continue
-                if (filter && !filter.includes(session.id)) continue
-                sessions.push({
-                    id: session.code,
-                    title: session.title,
-                    abstract: session.abstract,
-                    start: moment.tz(session.start, this.currentTimezone),
-                    end: moment.tz(session.end, this.currentTimezone),
-                    speakers: session.speakers?.map(s => this.speakersLookup[s]),
-                    track: this.tracksLookup[session.track],
-                    room: this.roomsLookup[session.room],
-                    fav_count: session.fav_count,
-                    do_not_record: session.do_not_record,
-                    tags: session.tags,
-                    session_type: session.session_type
-                })
-            }
-            sessions.sort((a, b) => a.start.diff(b.start))
-            return sessions
-        },
-        rooms() {
-            return _.uniqBy(this.sessions, 'room.id').map(s => s.room)
-        },
-        filter() {
-            const filter = this.defaultFilter
-            filter.tracks.data = this.schedule.tracks.map(t => { t.value = t.id; t.label = t.name; return t })
-            filter.rooms.data = this.schedule.rooms.map(t => { t.value = t.id; t.label = t.name; return t })
-            filter.types.data = this.schedule.session_type.map(t => { t.value = t.session_type; t.label = t.session_type; return t })
-            return filter
-        }
-    },
-    watch: {
-        tracksFilter: {
-            handler: function (newValue) {
-                const arr = Object.keys(newValue).filter(key => newValue[key])
-                this.$store.dispatch('schedule/filter', {type: 'track', tracks: arr})
-            },
-            deep: true
-        }
-    },
-    methods: {
-        changeDay (day) {
-            if (day.isSame(this.currentDay)) return
-            this.currentDay = day
-        },
-        changeDayByScroll (day) {
-            this.currentDay = day
-            const tabEl = this.$refs.tabs.$refs.tabElements.find(el => el.id === day.toISOString())
-            // TODO smooth scroll, seems to not work with chrome {behavior: 'smooth', block: 'center', inline: 'center'}
-            tabEl?.$el.scrollIntoView()
-        },
-        getTrackName(track) {
-            const language_track = localStorage.userLanguage;
-            if (typeof track.name === 'object' && track.name !== null) {
-                if (language_track && track.name[language_track]) {
-                    return track.name[language_track];
-                } else {
-                    return track.name.en || track.name;
-                }
-            } else if (track.session_type && track.session_type !== null) {
-                return track.session_type;
-            } else {
-                return track.name;
-            }
-        },
-        toggleFavFilter () {
-            this.tracksFilter = {}
-            if (this.filter.type === 'fav') {
-                this.$store.dispatch('schedule/filter', {})
-            } else {
-                this.$store.dispatch('schedule/filter', {type: 'fav'})
-            }
-        },
-        async makeExport() {
-            try {
-                this.isExporting = true;
-                const url = config.api.base + 'export-talk?export_type=' + this.selectedExporter.id
-                const authHeader = api._config.token ? `Bearer ${api._config.token}` : (api._config.clientId ? `Client ${api._config.clientId}` : null)
-                const result = await fetch(url, {
-                            method: 'GET',
-                            headers: {
-                                Accept: 'application/json',
-                                Authorization: authHeader,
-                            }
-                        }).then(response => response.json())
-                var a = document.createElement("a");
-                document.body.appendChild(a);
-                const blob = new Blob([result], {type: "octet/stream"}),
-                download_url = window.URL.createObjectURL(blob);
-                a.href = download_url;
-                a.download = "schedule-" + this.selectedExporter.id + '.' + this.selectedExporter.id.replace('my','');
-                a.click();
-                window.URL.revokeObjectURL(download_url);
-                a.remove()
-                this.isExporting = false;
-            } catch (error) {
-                this.isExporting = false;
-                this.error = error
-                console.log(error)
-            }
-        },
-        resetAllFiltered () {
-            this.resetFiltered()
-            this.onlyFavs = false
-        },
-        resetFiltered () {
-            Object.keys(this.filter).forEach(key => {
-                this.filter[key].data.forEach(t => {
-                    if (t.selected) {
-                        t.selected = false
-                    }
-                })
-            })
-        }
-    }
+	name: 'Schedule',
+	components: { LinearSchedule, GridSchedule, TimezoneChanger, Prompt, CustomDropdown, AppDropdown, AppDropdownContent, AppDropdownItem },
+	mixins: [scheduleProvidesMixin],
+	data() {
+		return {
+			tracksFilter: {},
+			moment,
+			currentDay: moment().startOf('day'),
+			selectedExporter: null,
+			exportOptions: [],
+			isExporting: false,
+			error: null,
+			defaultFilter: defaultFilter,
+			onlyFavs: false
+		}
+	},
+	computed: {
+		...mapState(['now']),
+		...mapState('schedule', ['schedule', 'errorLoading']),
+		...mapGetters('schedule', ['days', 'rooms', 'sessions', 'favs']),
+		exportType() {
+			return exportTypeSet
+		},
+		filteredTracks() {
+			let results = null
+			const self = this
+			Object.keys(this.filter).forEach(key => {
+				const refKey = this.filter[key].refKey
+				const selectedIds = this.filter[key].data.filter(t => t.selected).map(t => t.value)
+				let founds = null
+				if (selectedIds.length) {
+					if (results && results.length) {
+						founds = self.schedule.talks.filter(t => selectedIds.includes(t[refKey]) && results && results.includes(t.id))?.map(i => i.id) || []
+					} else {
+						founds = self.schedule.talks.filter(t => { return selectedIds.includes(t[refKey]) })?.map(i => i.id) || []
+					}
+					results = founds
+				}
+			})
+			return results
+		},
+		tracksLookup() {
+			if (!this.schedule) return {}
+			return this.schedule.tracks.reduce((acc, t) => { acc[t.id] = t; return acc }, {})
+		},
+		roomsLookup() {
+			if (!this.schedule) return {}
+			return this.schedule.rooms.reduce((acc, room) => { acc[room.id] = room; return acc }, {})
+		},
+		speakersLookup() {
+			if (!this.schedule) return {}
+			return this.schedule.speakers.reduce((acc, s) => { acc[s.code] = s; return acc }, {})
+		},
+		sessions() {
+			const sessions = []
+			const filter = this.filteredTracks
+			for (const session of this.schedule.talks.filter(s => s.start)) {
+				if (this.onlyFavs && !this.favs.includes(session.code)) continue
+				if (filter && !filter.includes(session.id)) continue
+				sessions.push({
+					id: session.code,
+					title: session.title,
+					abstract: session.abstract,
+					start: moment.tz(session.start, this.currentTimezone),
+					end: moment.tz(session.end, this.currentTimezone),
+					speakers: session.speakers?.map(s => this.speakersLookup[s]),
+					track: this.tracksLookup[session.track],
+					room: this.roomsLookup[session.room],
+					fav_count: session.fav_count,
+					do_not_record: session.do_not_record,
+					tags: session.tags,
+					session_type: session.session_type
+				})
+			}
+			sessions.sort((a, b) => a.start.diff(b.start))
+			return sessions
+		},
+		rooms() {
+			return _.uniqBy(this.sessions, 'room.id').map(s => s.room)
+		},
+		filter() {
+			const filter = this.defaultFilter
+			filter.tracks.data = this.schedule.tracks.map(t => { t.value = t.id; t.label = t.name; return t })
+			filter.rooms.data = this.schedule.rooms.map(t => { t.value = t.id; t.label = t.name; return t })
+			filter.types.data = this.schedule.session_type.map(t => { t.value = t.session_type; t.label = t.session_type; return t })
+			return filter
+		}
+	},
+	watch: {
+		tracksFilter: {
+			handler: function(newValue) {
+				const arr = Object.keys(newValue).filter(key => newValue[key])
+				this.$store.dispatch('schedule/filter', {type: 'track', tracks: arr})
+				this.onlyFavs = false
+			},
+			deep: true
+		}
+	},
+	methods: {
+		changeDay(day) {
+			if (day.isSame(this.currentDay)) return
+			this.currentDay = day
+		},
+		changeDayByScroll(day) {
+			this.currentDay = day
+			const tabEl = this.$refs.tabs.$refs.tabElements.find(el => el.id === day.toISOString())
+			// TODO smooth scroll, seems to not work with chrome {behavior: 'smooth', block: 'center', inline: 'center'}
+			tabEl?.$el.scrollIntoView()
+		},
+		getTrackName(track) {
+			const languageUrl = localStorage.userLanguage
+			if (typeof track.name === 'object' && track.name !== null) {
+				if (languageUrl && track.name[languageUrl]) {
+					return track.name[languageUrl]
+				} else {
+					return track.name.en || track.name
+				}
+			} else if (track.session_type && track.session_type !== null) {
+				return track.session_type
+			} else {
+				return track.name
+			}
+		},
+		toggleFavFilter() {
+			this.tracksFilter = {}
+			if (this.filter.type === 'fav') {
+				this.$store.dispatch('schedule/filter', {})
+			} else {
+				this.$store.dispatch('schedule/filter', {type: 'fav'})
+			}
+		},
+		async makeExport() {
+			try {
+				this.isExporting = true
+				const url = config.api.base + 'export-talk?export_type=' + this.selectedExporter.id
+				const authHeader = api._config.token ? `Bearer ${api._config.token}` : (api._config.clientId ? `Client ${api._config.clientId}` : null)
+				const result = await fetch(url, {
+					method: 'GET',
+					headers: {
+						Accept: 'application/json',
+						Authorization: authHeader,
+					}
+				}).then(response => response.json())
+				var a = document.createElement('a')
+				document.body.appendChild(a)
+				const blob = new Blob([result], {type: 'octet/stream'})
+				const downloadUrl = window.URL.createObjectURL(blob)
+				a.href = downloadUrl
+				a.download = 'schedule-' + this.selectedExporter.id + '.' + this.selectedExporter.id.replace('my', '')
+				a.click()
+				window.URL.revokeObjectURL(downloadUrl)
+				a.remove()
+				this.isExporting = false
+			} catch (error) {
+				this.isExporting = false
+				this.error = error
+				console.log(error)
+			}
+		},
+		resetAllFiltered() {
+			this.resetFiltered()
+			this.onlyFavs = false
+		},
+		resetFiltered() {
+			Object.keys(this.filter).forEach(key => {
+				this.filter[key].data.forEach(t => {
+					if (t.selected) {
+						t.selected = false
+					}
+				})
+			})
+		},
+		resetOnlyFavs() {
+			this.onlyFavs = false
+		}
+	}
 }
 </script>
 <style lang="stylus">
@@ -292,7 +295,7 @@ export default {
         .app-drop-down
             width: 90px
             margin-bottom: 8px
-    .c-schedule 
+    .c-schedule
         .bunt-ripple-ink
             margin: 12px 0 20px 15px !important;
         .export.dropdown
diff --git a/webapp/src/views/schedule/speakers/index.vue b/webapp/src/views/schedule/speakers/index.vue
index 3d758c4c..f718c213 100644
--- a/webapp/src/views/schedule/speakers/index.vue
+++ b/webapp/src/views/schedule/speakers/index.vue
@@ -24,7 +24,7 @@ import Identicon from 'components/Identicon'
 
 export default {
 	components: { Identicon },
-	data () {
+	data() {
 		return {
 			speakers: null
 		}
@@ -33,7 +33,7 @@ export default {
 		...mapState('schedule', ['schedule']),
 		...mapGetters('schedule', ['sessions', 'sessionsLookup'])
 	},
-	async created () {
+	async created() {
 		if (this.$store.getters['schedule/pretalxApiBaseUrl']) {
 			this.speakers = (await (await fetch(`${this.$store.getters['schedule/pretalxApiBaseUrl']}/speakers/?limit=999`)).json()).results.sort((a, b) => a.name.localeCompare(b.name))
 			// const speakersToAttendee = await api.call('user.fetch', {pretalx_ids: this.speakers.map(speaker => speaker.code)})
diff --git a/webapp/src/views/schedule/speakers/item.vue b/webapp/src/views/schedule/speakers/item.vue
index e50a3aac..7fab941a 100644
--- a/webapp/src/views/schedule/speakers/item.vue
+++ b/webapp/src/views/schedule/speakers/item.vue
@@ -29,12 +29,12 @@ export default {
 	props: {
 		speakerId: String
 	},
-	data () {
+	data() {
 		return {
 			speaker: null
 		}
 	},
-	provide () {
+	provide() {
 		return {
 			generateSessionLinkUrl: this.generateSessionLinkUrl
 		}
@@ -42,16 +42,16 @@ export default {
 	computed: {
 		...mapState('schedule', ['schedule']),
 		...mapGetters('schedule', ['sessionsLookup', 'favs']),
-		sessions () {
+		sessions() {
 			if (this.speaker.submissions) {
 				return this.speaker.submissions
 					.map(submission => this.sessionsLookup[submission])
-					.filter(session => session !== undefined);
+					.filter(session => session !== undefined)
 			}
 			return this.$store.getters['schedule/sessions'].filter(session => session.speakers.includes(this.speaker))
 		}
 	},
-	async created () {
+	async created() {
 		// TODO error handling
 		if (this.$store.getters['schedule/pretalxApiBaseUrl']) {
 			this.speaker = await (await fetch(`${this.$store.getters['schedule/pretalxApiBaseUrl']}/speakers/${this.speakerId}/`)).json()
@@ -62,9 +62,9 @@ export default {
 			}, { immediate: true })
 		}
 	},
-	mounted () {},
+	mounted() {},
 	methods: {
-		generateSessionLinkUrl (sessionData) {
+		generateSessionLinkUrl(sessionData) {
 			return `/schedule/talks/${sessionData.session.id}`
 		}
 	}
diff --git a/webapp/src/views/schedule/talks/item.vue b/webapp/src/views/schedule/talks/item.vue
index 68c3aac7..03f58e95 100644
--- a/webapp/src/views/schedule/talks/item.vue
+++ b/webapp/src/views/schedule/talks/item.vue
@@ -35,7 +35,7 @@ export default {
 	props: {
 		talkId: String
 	},
-	data () {
+	data() {
 		return {
 			talk: null
 		}
@@ -43,16 +43,16 @@ export default {
 	computed: {
 		...mapState(['rooms']),
 		...mapGetters('schedule', ['pretalxApiBaseUrl', 'sessions']),
-		datetime () {
+		datetime() {
 			return moment(this.talk.slot?.start || this.talk.start).format('L LT') + ' - ' + moment(this.talk.slot?.end || this.talk.end).format('LT')
 		},
-		roomName () {
+		roomName() {
 			return this.$localize(this.talk.slot?.room || this.talk.room.name)
 		}
 	},
 	watch: {
 		sessions: {
-			handler () {
+			handler() {
 				if (!this.sessions) return
 				if (this.talk) return
 				this.talk = this.sessions.find(session => session.id === this.talkId)
@@ -60,25 +60,25 @@ export default {
 			immediate: true
 		}
 	},
-	async created () {
+	async created() {
 		// TODO error handling
 		if (!this.pretalxApiBaseUrl) return
 		this.talk = await (await fetch(`${this.pretalxApiBaseUrl}/talks/${this.talkId}/`)).json()
 	},
-	mounted () {
+	mounted() {
 		this.$nextTick(() => {
 		})
 	},
 	methods: {
 		getIconByFileEnding,
-		getAbsoluteResourceUrl (resource) {
+		getAbsoluteResourceUrl(resource) {
 			if (!this.pretalxApiBaseUrl) return resource
 			const base = (new URL(this.pretalxApiBaseUrl)).origin
 			return new URL(resource, base)
 		},
 		getRoomIdByName(roomName) {
-			const room = this.rooms.find(r => r.name === roomName);
-			return room ? room.id : null;
+			const room = this.rooms.find(r => r.name === roomName)
+			return room ? room.id : null
 		}
 	}
 }
diff --git a/webapp/src/views/schedule/utils.js b/webapp/src/views/schedule/utils.js
index 860d37a9..58bddff4 100644
--- a/webapp/src/views/schedule/utils.js
+++ b/webapp/src/views/schedule/utils.js
@@ -1,6 +1,6 @@
 // import i18n from 'i18n'
 
-export function getLocalizedString (string) {
+export function getLocalizedString(string) {
 	if (!string) return ''
 	if (typeof string === 'string') return string
 	const lang = document.querySelector('html').lang || 'en'
@@ -9,12 +9,12 @@ export function getLocalizedString (string) {
 
 const checkPropScrolling = (node, prop) => ['auto', 'scroll'].includes(getComputedStyle(node, null).getPropertyValue(prop))
 const isScrolling = node => checkPropScrolling(node, 'overflow') || checkPropScrolling(node, 'overflow-x') || checkPropScrolling(node, 'overflow-y')
-export function findScrollParent (node) {
+export function findScrollParent(node) {
 	if (!node || node === document.body) return
 	if (isScrolling(node)) return node
 	return findScrollParent(node.parentNode)
 }
-export function getPrettyDuration (start, end) {
+export function getPrettyDuration(start, end) {
 	let minutes = end.diff(start, 'minutes')
 	const hours = Math.floor(minutes / 60)
 	if (minutes <= 60) {
diff --git a/webapp/src/views/standalone/Chat.vue b/webapp/src/views/standalone/Chat.vue
index 18c59b71..39394828 100644
--- a/webapp/src/views/standalone/Chat.vue
+++ b/webapp/src/views/standalone/Chat.vue
@@ -14,14 +14,14 @@ export default {
 	},
 	computed: {
 		...mapState('chat', ['channel', 'members', 'usersLookup', 'timeline', 'fetchingMessages']),
-		module () {
+		module() {
 			return this.room.modules.find(module => module.type === 'chat.native')
 		},
-		filteredTimeline () {
+		filteredTimeline() {
 			return this.timeline.filter(message => message.event_type !== 'channel.member' && message.content.type !== 'deleted' && !message.replaces).reverse()
 		},
 	},
-	created () {
+	created() {
 		this.$store.dispatch('chat/subscribe', {channel: this.module.channel_id, config: this.module.config})
 	}
 }
diff --git a/webapp/src/views/standalone/NextSession.vue b/webapp/src/views/standalone/NextSession.vue
index 299abd8a..e53dfbcc 100644
--- a/webapp/src/views/standalone/NextSession.vue
+++ b/webapp/src/views/standalone/NextSession.vue
@@ -12,14 +12,14 @@ export default {
 	props: {
 		room: Object
 	},
-	data () {
+	data() {
 		return {
 		}
 	},
 	computed: {
 		...mapState(['now']),
 		...mapGetters('schedule', ['sessions', 'favs']),
-		nextSession () {
+		nextSession() {
 			if (!this.sessions) return
 			// next session in this room
 			return this.sessions.find(session => session.room === this.room && session.start.isAfter(this.now))
diff --git a/webapp/src/views/standalone/Poll.vue b/webapp/src/views/standalone/Poll.vue
index 5c785c96..4c8ff32c 100644
--- a/webapp/src/views/standalone/Poll.vue
+++ b/webapp/src/views/standalone/Poll.vue
@@ -18,11 +18,11 @@ export default {
 	computed: {
 		...mapGetters('poll', ['pinnedPoll']),
 		// TODO copypasta
-		totalVotes () {
+		totalVotes() {
 			if (!this.pinnedPoll.results) return 0
 			return Object.values(this.pinnedPoll.results).reduce((acc, result) => acc + result, 0)
 		},
-		optionsWithMostVotes () {
+		optionsWithMostVotes() {
 			const sortedResults = Object.entries(this.pinnedPoll.results).slice().sort((a, b) => b[1] - a[1])
 			const mostVotes = sortedResults[0][1]
 			const optionsWithMostVotes = []
diff --git a/webapp/src/views/standalone/Question.vue b/webapp/src/views/standalone/Question.vue
index 939f14e9..ab48c2f8 100644
--- a/webapp/src/views/standalone/Question.vue
+++ b/webapp/src/views/standalone/Question.vue
@@ -22,10 +22,10 @@ export default {
 	computed: {
 		...mapState('chat', ['usersLookup']),
 		...mapGetters('question', ['pinnedQuestion']),
-		sender () {
+		sender() {
 			return this.usersLookup[this.pinnedQuestion.sender]
 		},
-		senderDisplayName () {
+		senderDisplayName() {
 			return this.sender.profile?.display_name ?? this.pinnedQuestion.sender
 		},
 	},
@@ -33,7 +33,7 @@ export default {
 		pinnedQuestion: 'fetchSender'
 	},
 	methods: {
-		fetchSender () {
+		fetchSender() {
 			this.$store.dispatch('chat/fetchUsers', [this.pinnedQuestion.sender])
 		}
 	}
diff --git a/webapp/src/views/standalone/Vote.vue b/webapp/src/views/standalone/Vote.vue
index 5003c6af..486c8034 100644
--- a/webapp/src/views/standalone/Vote.vue
+++ b/webapp/src/views/standalone/Vote.vue
@@ -14,12 +14,12 @@ export default {
 	props: {
 		room: Object
 	},
-	data () {
+	data() {
 		return {
 			linkCache
 		}
 	},
-	async created () {
+	async created() {
 		if (!linkCache || linkCache.room !== this.room) {
 			const { url } = await api.call('room.invite.anonymous.link', {room: this.room.id})
 			linkCache = {
diff --git a/webapp/src/views/standalone/anonymous/index.vue b/webapp/src/views/standalone/anonymous/index.vue
index f612ac88..e1de7ef6 100644
--- a/webapp/src/views/standalone/anonymous/index.vue
+++ b/webapp/src/views/standalone/anonymous/index.vue
@@ -42,7 +42,7 @@ export default {
 	props: {
 		room: Object
 	},
-	data () {
+	data() {
 		return {
 			activeSidebarTab: null, // chat, questions, polls
 			unreadTabs: {
@@ -55,22 +55,22 @@ export default {
 		...mapState(['now', 'user']),
 		...mapGetters('poll', ['pinnedPoll']),
 		...mapGetters('schedule', ['sessions', 'currentSessionPerRoom']),
-		modules () {
+		modules() {
 			return this.room?.modules.reduce((acc, module) => {
 				acc[module.type] = module
 				return acc
 			}, {})
 		},
-		isAnonymous () {
+		isAnonymous() {
 			return Object.keys(this.user.profile).length === 0
 		},
-		unreadTabsClasses () {
+		unreadTabsClasses() {
 			return Object.entries(this.unreadTabs).filter(([tab, value]) => value).map(([tab]) => `tab-${tab}-unread`)
 		},
-		session () {
+		session() {
 			return this.currentSessionPerRoom?.[this.room.id]?.session
 		},
-		nextSessions () {
+		nextSessions() {
 			if (!this.sessions) return
 			// current or next sessions per room
 			const sessions = []
@@ -83,11 +83,11 @@ export default {
 		},
 	},
 	watch: {
-		activeSidebarTab (tab) {
+		activeSidebarTab(tab) {
 			this.unreadTabs[tab] = false
 		}
 	},
-	mounted () {
+	mounted() {
 		if (this.modules.poll) {
 			this.activeSidebarTab = 'polls'
 		} else if (this.modules.question) {
@@ -95,7 +95,7 @@ export default {
 		}
 	},
 	methods: {
-		changedTabContent (tab) {
+		changedTabContent(tab) {
 			if (tab === this.activeSidebarTab) return
 			this.unreadTabs[tab] = true
 		}
diff --git a/webapp/src/views/standalone/index.vue b/webapp/src/views/standalone/index.vue
index 9cb2ba62..870375d6 100644
--- a/webapp/src/views/standalone/index.vue
+++ b/webapp/src/views/standalone/index.vue
@@ -23,7 +23,7 @@ export default {
 	props: {
 		roomId: String
 	},
-	data () {
+	data() {
 		return {
 			fullscreen: false,
 			themedBackground: true,
@@ -33,16 +33,16 @@ export default {
 	},
 	computed: {
 		...mapState(['fatalConnectionError', 'fatalError', 'connected', 'user', 'world', 'rooms']),
-		errorMessage () {
+		errorMessage() {
 			return this.fatalConnectionError?.code || this.fatalError?.message
 		},
-		room () {
+		room() {
 			return this.rooms?.find(room => room.id === this.$route.params.roomId) || this.rooms?.[0]
 		},
-		config () {
+		config() {
 			return this.user?.profile ?? {}
 		},
-		style () {
+		style() {
 			return {
 				'--scale': this.scale.toFixed(1),
 				'--clr-standalone-bg': this.config.background_color ?? 'var(--clr-primary)',
@@ -51,24 +51,24 @@ export default {
 		}
 	},
 	watch: {
-		room (newRoom, oldRoom) {
+		room(newRoom, oldRoom) {
 			if (newRoom === oldRoom) return
 			this.$store.dispatch('changeRoom', this.room)
 		}
 	},
-	created () {
+	created() {
 		this.$store.dispatch('changeRoom', this.room)
 		this.fullscreen = this.$route.query.fullscreen ?? (!this.$route.name.endsWith('chat') && !this.$route.name.endsWith('anonymous'))
 	},
-	mounted () {
+	mounted() {
 		window.addEventListener('resize', this.computeScale)
 		this.computeScale()
 	},
-	beforeDestroy () {
+	beforeDestroy() {
 		window.removeEventListener('resize', this.computeScale)
 	},
 	methods: {
-		computeScale () {
+		computeScale() {
 			if (!this.fullscreen) return
 			const width = document.body.offsetWidth
 			const height = document.body.offsetHeight
diff --git a/webapp/src/views/standalone/kiosk.vue b/webapp/src/views/standalone/kiosk.vue
index f5daafb8..bbfa6683 100644
--- a/webapp/src/views/standalone/kiosk.vue
+++ b/webapp/src/views/standalone/kiosk.vue
@@ -14,50 +14,50 @@ import ViewersSlide from './Viewers'
 
 const SLIDES = [{
 	id: 'poll',
-	condition () {
+	condition() {
 		return this.isSlideEnabled('pinned_poll') && !!this.$store.getters['poll/pinnedPoll']
 	},
-	watch () {
+	watch() {
 		return this.isSlideEnabled('pinned_poll') && this.$store.getters['poll/pinnedPoll']
 	},
 	priority: 10,
 	component: PollSlide
 }, {
 	id: 'vote',
-	condition () {
+	condition() {
 		return this.isSlideEnabled('pinned_poll_voting') && !!this.$store.getters['poll/pinnedPoll']
 	},
 	priority: 10,
 	component: VoteSlide
 }, {
 	id: 'question',
-	condition () {
+	condition() {
 		return this.isSlideEnabled('pinned_question') && !!this.$store.getters['question/pinnedQuestion']
 	},
-	watch () {
+	watch() {
 		return this.isSlideEnabled('pinned_question') && this.$store.getters['question/pinnedQuestion']
 	},
 	priority: 10,
 	component: QuestionSlide
 }, {
 	id: 'nextSession',
-	condition () {
+	condition() {
 		if (!this.isSlideEnabled('next_session')) return false
 		const currentSession = this.$store.getters['schedule/currentSessionPerRoom']?.[this.room.id]?.session
 		const nextSession = this.$store.getters['schedule/sessions']?.find(session => session.room === this.room && session.start.isAfter(this.now))
 		return !!nextSession && (!currentSession || currentSession.end.isBefore(moment().add(10, 'minutes')))
 	},
-	watch () {
+	watch() {
 		return this.isSlideEnabled('next_session') && this.$store.getters['schedule/sessions']
 	},
 	priority: 1,
 	component: NextSessionSlide
 }, {
 	id: 'viewers',
-	condition () {
+	condition() {
 		return this.isSlideEnabled('viewers') && this.$store.state.roomViewers?.length > 0
 	},
-	watch () {
+	watch() {
 		return this.isSlideEnabled('viewers') && this.$store.state.roomViewers
 	},
 	priority: 1,
@@ -71,12 +71,12 @@ export default {
 		room: Object,
 		config: Object
 	},
-	data () {
+	data() {
 		return {
 			activeSlide: SLIDES[0],
 		}
 	},
-	mounted () {
+	mounted() {
 		this.nextSlide()
 		for (const slide of SLIDES) {
 			if (slide.watch) {
@@ -91,10 +91,10 @@ export default {
 		}
 	},
 	methods: {
-		isSlideEnabled (slide) {
+		isSlideEnabled(slide) {
 			return !this.config.slides || this.config.slides[slide] !== false
 		},
-		nextSlide () {
+		nextSlide() {
 			if (this.slideTimer) clearTimeout(this.slideTimer)
 			let index = SLIDES.indexOf(this.activeSlide)
 			const stoppingIndex = Math.max(0, index)
diff --git a/webapp/vue.config.js b/webapp/vue.config.js
index f700f374..0c388c8c 100644
--- a/webapp/vue.config.js
+++ b/webapp/vue.config.js
@@ -17,7 +17,7 @@ module.exports = {
 			'.eventyay.com',
 			'video-dev.eventyay.com',
 			'video.eventyay.com'
-		  ],
+		],
 	},
 	pwa: {
 		name: 'eventyay',
@@ -105,7 +105,7 @@ module.exports = {
 			})
 		],
 	},
-	chainWebpack (config) {
+	chainWebpack(config) {
 		config.entryPoints.clear()
 		config.entry('preloader').add('./src/preloader.js')
 		if (config.plugins.has('optimize-css')) {