feat: add auth screens and state management

lib/auth/auth_state.dart

@@ -0,0 +1,18 @@
+import 'package:flutter/material.dart';
+import 'package:firebase_auth/firebase_auth.dart';
+
+class AuthState extends ChangeNotifier {
+  User? _user;
+  User? get user => _user;
+
+  final FirebaseAuth _auth = FirebaseAuth.instance;
+
+  AuthState() {
+    _auth.authStateChanges().listen((user) {
+      _user = user;
+      notifyListeners();
+    });
+  }
+
+  bool get isLoggedIn => _user != null;
+}

lib/auth/phone_input_screen.dart

@@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+import 'package:intl_phone_field/intl_phone_field.dart';
+
+class PhoneInputScreen extends StatelessWidget {
+  const PhoneInputScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('Enter Phone Number')),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            IntlPhoneField(
+              decoration: const InputDecoration(
+                labelText: 'Phone Number',
+                border: OutlineInputBorder(borderSide: BorderSide()),
+              ),
+              initialCountryCode: 'US',
+              onChanged: (phone) {
+                // TODO: Handle phone number changes
+              },
+            ),
+            const SizedBox(height: 20),
+            ElevatedButton(onPressed: () {}, child: const Text('Send OTP')),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/auth/sms_verification_screen.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+import 'package:pinput/pinput.dart';
+
+class SmsVerificationScreen extends StatelessWidget {
+  const SmsVerificationScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('SMS Verification')),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            const Text(
+              'Enter the 6-digit code sent to you',
+              textAlign: TextAlign.center,
+              style: TextStyle(fontSize: 16),
+            ),
+            const SizedBox(height: 20),
+            Pinput(
+              length: 6,
+              onCompleted: (pin) {
+                // TODO: Handle OTP completion
+              },
+            ),
+            const SizedBox(height: 20),
+            ElevatedButton(onPressed: () {}, child: const Text('Verify')),
+          ],
+        ),
+      ),
+    );
+  }
+}