Use Compound ListRow instead of Compound form styles. (#1484)

* Adopt ListRow Component.

* Update snapshots.

To check in future PR:
- Pseudo Bug Report Attach Screenshot label
- Bug Report screenshot padding (Use ListRow .custom?)
- De-bold Analytics & Notification Settings footer links
- Inline picker alignment perhaps?

* Changelog

* Update Compound.

* Use the label on the login screen.

ElementX/Sources/Screens/Authentication/LoginScreen/View/LoginScreen.swift

@@ -72,29 +72,27 @@ struct LoginScreen: View {
                 .padding(.horizontal, 16)
                 .padding(.bottom, 8)
             
-            TextField(L10n.commonUsername,
-                      text: $context.username,
-                      // Prompt colour fixes a flicker that occurs before the text field style introspects the field.
-                      prompt: Text(L10n.commonUsername).foregroundColor(.compound.textPlaceholder))
-                .focused($isUsernameFocused)
-                .textFieldStyle(.elementInput(accessibilityIdentifier: A11yIdentifiers.loginScreen.emailUsername))
-                .disableAutocorrection(true)
-                .textContentType(.username)
-                .autocapitalization(.none)
-                .submitLabel(.next)
-                .onChange(of: isUsernameFocused, perform: usernameFocusChanged)
-                .onSubmit { isPasswordFocused = true }
-                .padding(.bottom, 20)
+            TextField(text: $context.username) {
+                Text(L10n.commonUsername).foregroundColor(.compound.textPlaceholder)
+            }
+            .focused($isUsernameFocused)
+            .textFieldStyle(.elementInput(accessibilityIdentifier: A11yIdentifiers.loginScreen.emailUsername))
+            .disableAutocorrection(true)
+            .textContentType(.username)
+            .autocapitalization(.none)
+            .submitLabel(.next)
+            .onChange(of: isUsernameFocused, perform: usernameFocusChanged)
+            .onSubmit { isPasswordFocused = true }
+            .padding(.bottom, 20)
             
-            SecureField(L10n.commonPassword,
-                        text: $context.password,
-                        // Prompt colour fixes a flicker that occurs before the text field style introspects the field.
-                        prompt: Text(L10n.commonPassword).foregroundColor(.compound.textPlaceholder))
-                .focused($isPasswordFocused)
-                .textFieldStyle(.elementInput(accessibilityIdentifier: A11yIdentifiers.loginScreen.password))
-                .textContentType(.password)
-                .submitLabel(.done)
-                .onSubmit(submit)
+            SecureField(text: $context.password) {
+                Text(L10n.commonPassword).foregroundColor(.compound.textPlaceholder)
+            }
+            .focused($isPasswordFocused)
+            .textFieldStyle(.elementInput(accessibilityIdentifier: A11yIdentifiers.loginScreen.password))
+            .textContentType(.password)
+            .submitLabel(.done)
+            .onSubmit(submit)
             
             Spacer().frame(height: 32)