GetLink redesign

Also, try with entered username first (issue #524)

src/assets/css/getlink.scss

@@ -6,7 +6,18 @@
   .getlink-loggedin {
     text-align: center;
     button {
-        min-width: 200px !important;
+      min-width: 200px !important;
+    }
+  }
+
+  .getlink-image {
+    text-align: center;
+    max-width: 325px;
+    max-height: 257px;
+    width: 100%;
+    .v-icon__component {
+      width: unset;
+      height: unset;
     }
   }
 
@@ -23,6 +34,19 @@
     margin-top: 50px;
   }
 
+  .getlink-info {
+    color: #000;
+    text-align: center;
+    font-feature-settings: "clig" off, "liga" off;
+    font-family: "Inter";
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 117%; /* 18.72px */
+    letter-spacing: 0.4px;
+    margin: 15px 9px 40px 9px;
+  }
+
   .getlink-subtitle {
     color: #000;
     text-align: center;

src/assets/translations/en.json

@@ -189,9 +189,9 @@
   },
   "getlink": {
     "title": "Get a Direct Link",
-    "password": "Set your password",
-    "password_repeat": "Confirm your password",
-    "create": "Create",
+    "info": "Direct links give people a secure line of communication with you. To start, choose a screen name to show when people enter a chat with you.",
+    "username": "Enter a screen name (ex: waku)",
+    "next": "Next",
     "hello": "Hello {user},\nHere’s your Direct Link",
     "ready_to_share": "It’s ready to share! A new direct room will open each time someone opens the link.",
     "scan_title": "Scan this code to start a direct chat",