feat: implement core architecture, design system, localization, and trip features for both driver and rider apps.

apps/rider/lib/features/auth/view/otp_screen.dart

@@ -1,8 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import '../../../core/l10n/app_localizations.dart';
 import 'package:go_router/go_router.dart';
 import '../cubit/auth_cubit.dart';
 import '../cubit/auth_state.dart';
+import '../../../core/ui/tripz_scaffold.dart';
+import '../../../core/ui/tripz_button.dart';
+import '../../../core/ui/tripz_text_field.dart';
 
 class OtpScreen extends StatefulWidget {
   const OtpScreen({super.key});
@@ -13,60 +17,61 @@ class OtpScreen extends StatefulWidget {
 class _OtpScreenState extends State<OtpScreen> {
   final _controller = TextEditingController();
 
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        leading: IconButton(
-          icon: const Icon(Icons.arrow_forward),
-          onPressed: () => context.go('/phone'),
-        ),
-      ),
-      body: SafeArea(
-        child: Padding(
-          padding: const EdgeInsets.all(24),
-          child: BlocConsumer<AuthCubit, AuthState>(
-            listener: (context, state) {
-              if (state.status == AuthStatus.error && state.error != null) {
-                ScaffoldMessenger.of(context).showSnackBar(
-                  SnackBar(content: Text(state.error!)),
-                );
-              }
-            },
-            builder: (context, state) {
-              final loading = state.status == AuthStatus.authenticating;
-              return Column(
-                crossAxisAlignment: CrossAxisAlignment.stretch,
-                children: [
-                  const SizedBox(height: 24),
-                  Text('أدخل رمز التحقق',
-                      style: Theme.of(context).textTheme.titleLarge),
-                  const SizedBox(height: 8),
-                  Text('أُرسل إلى ${state.phone}'),
-                  const SizedBox(height: 28),
-                  TextField(
-                    controller: _controller,
-                    keyboardType: TextInputType.number,
-                    textAlign: TextAlign.center,
-                    decoration: const InputDecoration(labelText: 'الرمز'),
-                  ),
-                  const SizedBox(height: 20),
-                  FilledButton(
-                    onPressed: loading
-                        ? null
-                        : () => context.read<AuthCubit>().verify(_controller.text),
-                    child: loading
-                        ? const SizedBox(
-                            height: 22, width: 22,
-                            child: CircularProgressIndicator(strokeWidth: 2),
-                          )
-                        : const Text('تأكيد'),
-                  ),
-                ],
-              );
-            },
-          ),
-        ),
+    final l10n = AppLocalizations.of(context)!;
+
+    return TripzScaffold(
+      showBackButton: true,
+      onBack: () => context.go('/phone'),
+      child: BlocConsumer<AuthCubit, AuthState>(
+        listener: (context, state) {
+          if (state.status == AuthStatus.error && state.error != null) {
+            ScaffoldMessenger.of(context).showSnackBar(
+              SnackBar(content: Text(state.error!)),
+            );
+          }
+        },
+        builder: (context, state) {
+          return Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              const SizedBox(height: 24),
+              Text(
+                l10n.otpTitle,
+                style: Theme.of(context).textTheme.titleLarge,
+              ),
+              const SizedBox(height: 8),
+              Text(
+                l10n.otpSentTo(state.phone),
+                style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                      color: Theme.of(context).colorScheme.onSurfaceVariant,
+                    ),
+              ),
+              const SizedBox(height: 28),
+              TripzTextField(
+                controller: _controller,
+                label: l10n.otpLabel,
+                keyboardType: TextInputType.number,
+                textAlign: TextAlign.center,
+                maxLength: 6,
+              ),
+              const SizedBox(height: 20),
+              TripzButton(
+                label: l10n.confirm,
+                loading: state.status == AuthStatus.authenticating,
+                onPressed: () =>
+                    context.read<AuthCubit>().verify(_controller.text),
+              ),
+            ],
+          );
+        },
       ),
     );
   }