feat: explainers for manual cast

apps/photos/public/locales/en/translation.json

@@ -630,5 +630,7 @@
     "AUTO_CAST_PAIR": "Auto Pair",
     "AUTO_CAST_PAIR_REQUIRES_CONNECTION_TO_GOOGLE": "Auto Pair requires connecting to Google servers and only works with Chromecast supported devices. Google will not receive sensitive data, such as your photos.",
     "PAIR_WITH_PIN": "Pair with PIN",
-    "CHOOSE_DEVICE_FROM_BROWSER": "Choose a cast-compatible device from the browser popup."
+    "CHOOSE_DEVICE_FROM_BROWSER": "Choose a cast-compatible device from the browser popup.",
+    "PAIR_WITH_PIN_WORKS_FOR_ANY_LARGE_SCREEN_DEVICE": "Pair with PIN works for any large screen device you want to play your album on.",
+    "VISIT_CAST_ENTE_IO": "Visit cast.ente.io on the device you want to pair."
 }

apps/photos/src/components/Collections/CollectionOptions/AlbumCastDialog.tsx

@@ -170,6 +170,9 @@ export default function AlbumCastDialog(props: Props) {
                         }}>
                         {t('PAIR_WITH_PIN')}
                     </EnteButton>
+                    <Typography color="text.muted">
+                        {t('PAIR_WITH_PIN_WORKS_FOR_ANY_LARGE_SCREEN_DEVICE')}
+                    </Typography>
                 </>
             )}
             {view === 'auto' && (
@@ -199,6 +202,7 @@ export default function AlbumCastDialog(props: Props) {
             )}
             {view === 'pin' && (
                 <>
+                    <Typography>{t('VISIT_CAST_ENTE_IO')}</Typography>
                     <Typography>{t('ENTER_CAST_PIN_CODE')}</Typography>
                     <SingleInputForm
                         callback={onSubmit}