Add TPIN creation, TPIN-authorised transfers, MPIN reset and transfer history

- Create TPIN: current MPIN -> OTP -> encrypted TPIN via /tpin/create/*,
  from Services and from the transfer screen on TPIN_NOT_SET
- IMPS initiate now sends encryptedTpin instead of encryptedMpin; handles
  INVALID_TPIN and TPIN_NOT_SET
- Share one RSA-OAEP encryption and key-retry path for MPIN and TPIN
- Forgot MPIN on sign-in and Reset MPIN in the Security Center
- Fund transfer history list and detail, reachable from Home
- Brand logo on sign-in and palette updates

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/modules/auth/screens/RegisterScreen.tsx

@@ -24,6 +24,7 @@ import { useTheme } from '../../../theme';
 import { useApiErrorToast } from '../../../hooks/useApiErrorToast';
 import { isValidPhone } from '../../../utils/validation';
 import { simCard, type SimInfo, type SimSubscription } from '../../../services/device/simCard';
+import { BrandLogo } from '../components/BrandLogo';
 import { SimChooser } from '../components/SimChooser';
 import { authActions } from '../store/authSlice';
 import { selectLastProfile, selectRegistration } from '../store/authSelectors';
@@ -422,20 +423,7 @@ export default function RegisterScreen({ navigation }: Props) {
 
             {/* ── Brand and purpose ──────────────────────────────────────────── */}
             <Animated.View entering={FadeInDown.duration(420)} style={styles.heroBody}>
-              <View style={styles.brandRow}>
-                <View
-                  style={[
-                    styles.mark,
-                    {
-                      backgroundColor: theme.colors.onBrandSurfaceStrong,
-                      borderRadius: theme.radius.sm,
-                    },
-                  ]}
-                >
-                  <Ionicons name="shield-checkmark" size={26} color={theme.colors.onBrandPrimary} />
-                </View>
-                <Text style={[theme.text.h1, { color: theme.colors.onBrandPrimary }]}>BankCBS</Text>
-              </View>
+              <BrandLogo width={270} />
 
               <Text
                 accessibilityRole="header"
@@ -648,17 +636,6 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
   },
   heroBody: { gap: 10 },
-  brandRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 9,
-  },
-  mark: {
-    width: 44,
-    height: 44,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
   heroTitle: {
     marginTop: 4,
   },