Improve UI of recommended apps

lib/screens/app_detail_screen.dart

@@ -96,7 +96,8 @@ class AppDetailScreen extends HookConsumerWidget {
                       Divider(height: 24),
                       if (curatedBy.isNotEmpty)
                         UsersRichText(
-                          trailingText: ' recommended this app',
+                          trailingText:
+                              ' recommend${curatedBy.length == 1 ? 's' : ''} this app',
                           users: curatedBy.toList(),
                         ),
                       if (curatedBy.isNotEmpty) Gap(20),

lib/widgets/app_curation_container.dart

@@ -111,6 +111,7 @@ class AppCurationSetNotifier
     final appCurationSet = await future;
     final appsLocal =
         ref.apps.appAdapter.findWhereIdentifierInLocal(appCurationSet.appIds);
+    // TODO: Rethink this logic, if an app is missing it loops forever
     if (appsLocal.length < appCurationSet.appIds.length) {
       state = AsyncLoading();
       state = await AsyncValue.guard(() async {

lib/widgets/install_alert_dialog.dart

@@ -53,10 +53,7 @@ class InstallAlertDialog extends ConsumerWidget {
                 minimal: true,
                 labelText: 'Log in to view your own web of trust',
               ),
-          ],
-        ),
-      ),
-      actions: [
+            Gap(20),
             if (app.latestMetadata?.urls.isNotEmpty ?? false)
               RichText(
                 text: WidgetSpan(
@@ -76,6 +73,10 @@ class InstallAlertDialog extends ConsumerWidget {
                   ),
                 ),
               ),
+          ],
+        ),
+      ),
+      actions: [
         Padding(
           padding: const EdgeInsets.symmetric(vertical: 10),
           child: TextButton(

lib/widgets/wot_container.dart

@@ -96,14 +96,19 @@ class UsersRichText extends StatelessWidget {
                     children: [
                       RoundedImage(url: user.avatarUrl, size: 20),
                       Text(
-                        ' ${user.nameOrNpub}${users.indexOf(user) == users.length - 1 ? '' : ',  '}',
+                        ' ${user.nameOrNpub}',
                         style: TextStyle(fontWeight: FontWeight.bold),
                       ),
+                      Text(users.indexOf(user) == users.length - 1
+                          ? ''
+                          : (users.indexOf(user) == users.length - 2
+                              ? ' and '
+                              : ', ')),
                     ],
                   ),
                 ),
                 if (users.indexOf(user) == users.length - 1)
-                  TextSpan(text: trailingText)
+                  TextSpan(text: trailingText, style: TextStyle(fontSize: 15))
               ],
             ),
         ],