Auth: Use text instead of image for the "Sign in to Telegram" header (#1012)

src/components/auth/Auth.scss

@@ -31,19 +31,6 @@
     background: url('../../assets/telegram-logo.svg') center no-repeat;
   }
 
-  // Prevent loading additional 10 kB of Roboto font on initial load.
-  .caption-image {
-    margin-bottom: 0.5rem;
-    height: 19px;
-    background: url('../../assets/auth-caption.png') center center no-repeat;
-    background-size: auto 100%;
-
-    @media (min-width: 600px) {
-      height: 48px;
-      background-size: 273px auto;
-    }
-  }
-
   h2 {
     font-size: 1.25rem;
     line-height: 1;

src/components/auth/AuthPhoneNumber.tsx

@@ -170,7 +170,7 @@ const AuthPhoneNumber: FC<StateProps & DispatchProps> = ({
     <div id="auth-phone-number-form" className="custom-scroll">
       <div className="auth-form">
         <div id="logo" />
-        <div className="caption-image" />
+        <h2>Sign in to Telegram</h2>
         <p className="note">
           Please confirm your country and
           <br />enter your phone number.

src/components/common/UiLoader.tsx

@@ -20,8 +20,6 @@ import './UiLoader.scss';
 // @ts-ignore
 import telegramLogoPath from '../../assets/telegram-logo.svg';
 // @ts-ignore
-import authCaptionPath from '../../assets/auth-caption.png';
-// @ts-ignore
 import monkeyPath from '../../assets/monkey.svg';
 import { selectIsRightColumnShown } from '../../modules/selectors';
 
@@ -70,13 +68,10 @@ const preloadTasks = {
     preloadAvatars(),
   ]),
   authPhoneNumber: () => Promise.all([
-    preloadImage(authCaptionPath),
+    preloadFonts(),
     preloadImage(telegramLogoPath),
   ]),
-  authCode: () => Promise.all([
-    preloadImage(monkeyPath),
-    preloadFonts(),
-  ]),
+  authCode: () => preloadImage(monkeyPath),
   authPassword: () => preloadImage(monkeyPath),
   authQrCode: preloadFonts,
 };