frontend: update welcome message

The reason for the generic first line is because we had the BB01 when
this text was made. Now that the BB01 has been EOL for a long time,
we don't need to consider it and just focus on current products.

Author: thisconnect

frontends/web/src/locales/en/app.json

@@ -1901,9 +1901,8 @@
   "welcome": {
     "connect": "Connect your BitBox",
     "getStarted": "Let's get started by installing firmware on your BitBox.",
-    "insertBitBox02": "For the BitBox02, please tap the device to continue.",
-    "insertDevice": "Please connect your device to get started",
     "loadingAccounts": "Loading accounts",
+    "message": "Please connect your BitBox and tap the side to continue.",
     "title": "Welcome"
   }
 }

frontends/web/src/routes/device/bitbox01/bitbox01.module.css

@@ -123,19 +123,6 @@
     text-align: center;
 }
 
-.waitingText {
-    margin-top: 0;
-    margin-bottom: var(--space-half);
-    text-align: center;
-    font-weight: 400;
-    font-size: var(--size-subheader);
-}
-
-.waitingDescription {
-    text-align: center;
-    margin-bottom: 0;
-}
-
 @media screen and (max-width: 640px) {
     .qrcodeContainer {
         width: 50%;

frontends/web/src/routes/device/waiting.module.css

@@ -0,0 +1,7 @@
+.waitingText {
+  margin-top: 0;
+  margin-bottom: var(--space-half);
+  font-size: var(--size-subheader);
+  font-weight: 400;
+  text-align: center;
+}

frontends/web/src/routes/device/waiting.tsx

@@ -34,7 +34,7 @@ import { AppLogo, AppLogoInverted, SwissMadeOpenSource, SwissMadeOpenSourceDark
 import { Footer, GuidedContent, GuideWrapper, Header, Main } from '@/components/layout';
 import { View, ViewContent } from '@/components/view/view';
 import { OutlinedSettingsButton } from '@/components/settingsButton/outlined-settings-button';
-import style from './bitbox01/bitbox01.module.css';
+import style from './waiting.module.css';
 
 export const Waiting = () => {
   const { t } = useTranslation();
@@ -69,13 +69,12 @@ export const Waiting = () => {
             <OutlinedSettingsButton />
           </Header>
           <View verticallyCentered width="550px" fitContent>
-            <ViewContent>
+            <ViewContent textAlign="center">
               <div>
                 {isDarkMode ? (<AppLogoInverted />) : (<AppLogo />)}
-                <div className="box large">
-                  <h3 className={style.waitingText}>{t('welcome.insertDevice')}</h3>
-                  <p className={style.waitingDescription}>{t('welcome.insertBitBox02')}</p>
-                </div>
+                <p className={style.waitingText}>
+                  {t('welcome.message')}
+                </p>
                 <Bluetooth />
               </div>
             </ViewContent>