Console not working after Panel 1.2.2 upgrade

[Telesphoreo]

I just upgraded to Panel 1.2.2 and Wings 1.2.3. Now, the console is not working. It's stuck on "Connecting" and I just see the loading circle spinning. On the main page, I still get the server stats and it says that the server is online. Also, wings is running as it has a green heart on the nodes page

bundle.3f2913c6.js:1 GET https://panel.telesphoreo.me/api/client/servers/<redacted>/websocket 500
(anonymous) @ bundle.3f2913c6.js:1
e.exports @ bundle.3f2913c6.js:1
e.exports @ bundle.3f2913c6.js:1
Promise.then (async)
u.request @ bundle.3f2913c6.js:1
r.forEach.u.<computed> @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
kg @ bundle.3f2913c6.js:1
e @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
mc @ bundle.3f2913c6.js:1
Eu @ bundle.3f2913c6.js:1
t.unstable_runWithPriority @ bundle.3f2913c6.js:1
qo @ bundle.3f2913c6.js:1
xu @ bundle.3f2913c6.js:1
iu @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
t.unstable_runWithPriority @ bundle.3f2913c6.js:1
qo @ bundle.3f2913c6.js:1
Xo @ bundle.3f2913c6.js:1
Yo @ bundle.3f2913c6.js:1
eu @ bundle.3f2913c6.js:1
ja @ bundle.3f2913c6.js:1
e @ bundle.3f2913c6.js:1
g @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
n @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
u @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
forEach.e.<computed> @ bundle.3f2913c6.js:1
n @ bundle.3f2913c6.js:1
c @ bundle.3f2913c6.js:1
Promise.then (async)
n @ bundle.3f2913c6.js:1
c @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
n @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
mc @ bundle.3f2913c6.js:1
Eu @ bundle.3f2913c6.js:1
t.unstable_runWithPriority @ bundle.3f2913c6.js:1
qo @ bundle.3f2913c6.js:1
xu @ bundle.3f2913c6.js:1
(anonymous) @ bundle.3f2913c6.js:1
U @ bundle.3f2913c6.js:1
k.port1.onmessage @ bundle.3f2913c6.js:1
Show 7 more frames
bundle.3f2913c6.js:1 Error: Request failed with status code 500
    at e.exports (bundle.3f2913c6.js:1)
    at e.exports (bundle.3f2913c6.js:1)
    at XMLHttpRequest.p.onreadystatechange (bundle.3f2913c6.js:1)

In the console I see error 500. I ran the Wings diagnostics command and got this: https://ptero.co/izenowezum
Here's the error logs from panel: https://bin.ptdl.co/t5c58/

It does give an error but I have no idea what to make of it. If you need any additional info please let me know

[Telesphoreo]

Ok, so I figured it out. Basically my system had automatically upgraded to PHP 8 and Composer tried to update the dependencies. It tried to do some other weird command which failed as well. I downgraded PHP 8 to PHP 7.4 with this command

sudo rm /etc/alternatives/php; sudo ln -s /usr/bin/php7.4 /etc/alternatives/php;

I then deleted the vendor folder and did the upgrade procedure from the very beginning over again. This resolved the issue.