migrate-xml-views-to-jetpack-compose

# Migrated Jetpack Compose Layout for `activity_login.xml`

```kotlin
@Composable
fun LoginScreen() {
    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Text(
            text = "Welcome to Acme Corp",
            style = MaterialTheme.typography.headlineMedium,
            modifier = Modifier.padding(bottom = 32.dp)
        )

        OutlinedTextField(
            value = emailState.text,
            onValueChange = { emailState.text = it },
            label = { Text("Email") },
            modifier = Modifier.fillMaxWidth()
        )

        Spacer(modifier = Modifier.height(16.dp))

        OutlinedTextField(
            value = passwordState.text,
            onValueChange = { passwordState.text = it },
            label = { Text("Password") },
            visualTransformation = PasswordVisualTransformation(),
            modifier = Modifier.fillMaxWidth()
        )

        Spacer(modifier = Modifier.height(24.dp))

        Button(
            onClick = { onLoginClick() },
            modifier = Modifier.fillMaxWidth()
        ) {
            Text("Sign In")
        }

        TextButton(onClick = { onForgotPassword() }) {
            Text("Forgot Password?")
        }
    }
}
```

## Key Changes Made:
- Replaced `LinearLayout` with `Column` for vertical arrangement
- Converted `TextView` to `Text` with typography styling
- Transformed `EditText` into `OutlinedTextField` with state management
- Replaced `Button` with Material `Button` and `TextButton`
- Added proper padding and spacing using Compose modifiers
- Implemented state management for form fields

## Next Steps:
1. Create a state holder class for form fields
2. Implement the `onLoginClick` and `onForgotPassword` handlers
3. Add proper theming and dark mode support
4. Test on various screen sizes and orientations