apps/web: beautify telegram submit button

apps/web/components/Form.module.scss

@@ -26,16 +26,21 @@
 }
 
 .button-telegram {
-  border: 0;
-  border-radius: 20px;
-  background-color: #54a9eb;
-  color: white;
-  font-size: 16px;
-  padding: 0.55rem 0.75rem;
+  @extend .button-submit;
+  // background-color: #54a9eb;
+  background: linear-gradient(90deg, #54a9eb 50%, var(--color-primary) 100%);
   display: flex;
+  flex-direction: row;
   justify-content: center;
   align-items: center;
-  cursor: pointer;
+  text-transform: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+
+  b {
+    line-height: 0;
+  }
 }
 
 .button-telegram-icon {

apps/web/components/Form.tsx

@@ -131,7 +131,7 @@ function ButtonSubmit({ step, tfa, user }: ButtonSumitProps) {
         height={22}
         alt="Telegram icon"
       />
-      Войти как &nbsp;<b>{user?.displayName}</b>
+      Войти как &nbsp; <b>{user?.displayName}</b>
     </button>
   );
 }

apps/web/pages/telegram.jsx

@@ -21,7 +21,7 @@ export default function Page() {
   return (
     <AuthModeContext.Provider value={value}>
       <PageHead />
-      <Login mode="telegram" />
+      <Login />
     </AuthModeContext.Provider>
   );
 }