Implement "get different link" functionality

src/assets/css/getlink.scss

@@ -79,4 +79,11 @@
     height: 17px;
     object-fit: contain;
   }
+
+  .getlink-buttons {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    margin-top: -20px;
+  }
 }

src/assets/css/main.scss

@@ -105,7 +105,7 @@ body { position:absolute; top:0; bottom:0; right:0; left:0; }
 .v-btn.text-button {
     font-family: 'Inter', sans-serif;
     font-weight: 700;
-    font-size: 11 * $chat-text-size;
+    font-size: 11 * $chat-text-size !important;
     border: none;
     height: $chat-standard-padding;
     margin-top: $chat-standard-padding-xs;

src/assets/translations/en.json

@@ -196,6 +196,7 @@
     "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",
     "continue": "Continue",
+    "different_link": "Get a different link",
     "qr_image_copied": "Image copied to clipboard"
   },
   "profile": {