update ctrls and add try catch for socket send

client/src/components/play.ctrl.jsx

@@ -130,16 +130,14 @@ function JoinButtons(args) {
         <aside class='play-ctrl'>
             <div class="timer-container"></div>
             <div class="controls">
+                <button
+                    class='practice ready'
+                    onClick={() => sendInstancePractice()}
+                    type="submit">
+                    Learn
+                </button>
+                {inviteBtn()}
                 {discordBtn}
-                <div class="flex">
-                    <button
-                        class='practice ready'
-                        onClick={() => sendInstancePractice()}
-                        type="submit">
-                        Learn
-                    </button>
-                    {inviteBtn()}
-                </div>
                 <AccountBox />
                 <div class="instance-ctrl-btns">
                     <button disabled={true} >Chat</button>

client/src/components/play.jsx

@@ -93,18 +93,18 @@ function Play(args) {
     return (
         <section class="top">
             <div class="news">
-                <h1>v{VERSION}</h1>
+                <h2>v{VERSION}</h2>
                 <p class="play-p">Use the buttons on the right to join an instance.</p>
                 <p>
                     Select <b>PVP</b> to play against other players.<br />
                     Select <b>INVITE</b> then click <b>COPY LINK</b> to generate an instance invitation for a friend.<br />
                     Click <b>LEARN</b> to practice the game without time controls.
                 </p>
+                <p>Join our Discord server to find opponents, message @ntr or @mashy for some credits to get started.</p>
                 <p>
                     If you enjoy the game please support its development by <b>subscribing</b> or purchasing <b>credits</b>.<br />
                     glhf
                 </p>
-                <p>--ntr & mashy</p>
             </div>
             <div>
                 <h1 class="credits">¤ {account.balance}</h1>