refactor(client): SubScaffold 六合一(视觉零变化)+ tablet 注释订正 + 平板通知铃入口(#20)

client/lib/screens/payment_page.dart

@@ -15,6 +15,7 @@ import '../state/payment_provider.dart';
 import '../widgets/pangolin_button.dart';
 import '../widgets/pangolin_icons.dart';
 import '../widgets/pangolin_toast.dart';
+import '../widgets/sub_scaffold.dart';
 
 class PaymentScreen extends ConsumerStatefulWidget {
   const PaymentScreen({super.key, required this.t, this.onBack, this.onDone, this.embedded = false});
@@ -311,25 +312,11 @@ class _PaymentScreenState extends ConsumerState<PaymentScreen> {
               style: PangolinText.body.copyWith(color: c.fg3))),
     };
 
-    if (embedded) return body;
-    return Scaffold(
-      backgroundColor: c.bg,
-      body: SafeArea(
-        child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
-          Padding(
-            padding: const EdgeInsets.fromLTRB(8, 6, 16, 10),
-            child: Row(children: [
-              IconButton(
-                onPressed: onBack ?? () => Navigator.of(context).maybePop(),
-                icon: Icon(PangolinIcons.arrowLeft, size: 22, color: c.fg1),
-              ),
-              Text(t.paymentTitle,
-                  style: PangolinText.h3.copyWith(color: c.fg1, fontWeight: FontWeight.w700)),
-            ]),
-          ),
-          Expanded(child: body),
-        ]),
-      ),
+    return SubScaffold(
+      title: t.paymentTitle,
+      onBack: onBack,
+      embedded: embedded,
+      child: body,
     );
   }
 }