add author selection menu

frontend/lib/pages/list.dart

@@ -2,9 +2,11 @@ import 'package:flutter/material.dart';
 
 import 'package:frontend/provider/quote_provider.dart';
 import 'package:frontend/model/quote.dart';
-import 'package:frontend/strings.dart';
+import 'package:frontend/values/strings.dart';
 import 'package:provider/provider.dart';
 
+import 'package:frontend/values/constants.dart';
+
 class ListPage extends StatelessWidget {
   const ListPage({super.key});
 
@@ -30,12 +32,18 @@ class ListPage extends StatelessWidget {
 
     return
       ListView.builder(
+        padding: EdgeInsets.all(Constants.edgeInset),
         itemCount: provider.quotes.length,
         itemBuilder: (context, index) {
           final quote = provider.quotes[index];
       
           return
               ListTile(
+                contentPadding: EdgeInsets.only(
+                  bottom: Constants.edgeInset,
+                  left: Constants.edgeInset,
+                  right: Constants.edgeInset,
+                ),
                 title: Text(quote.body),
                 subtitle: Text("– ${quote.author}"),
                 trailing: PopupMenuButton<String>(
@@ -97,6 +105,39 @@ class ListPage extends StatelessWidget {
               ),
               TextField(
                 controller: authorController,
+                decoration: InputDecoration(
+                  label: Text(Strings.author),
+                  suffixIcon: IconButton(
+                    icon: Icon(Icons.arrow_drop_down),
+                    onPressed: () {
+                      showModalBottomSheet(
+                        context: context,
+                        builder: (context) {
+                          var authors = provider.authors.toList()..sort();
+
+                          return SizedBox(
+                            height: 300,
+                            child: ListView.builder(
+                              padding: const EdgeInsets.all(Constants.edgeInset),
+                              itemCount: authors.length,
+                              itemBuilder: (context, index) {
+                                final author = authors[index];
+
+                                return ListTile(
+                                  title: Text(author),
+                                  onTap: () {
+                                    authorController.text = author;
+                                    Navigator.pop(context);
+                                  },
+                                );
+                              },
+                            ),
+                          );
+                        },
+                      );
+                    },
+                  ),
+                ),
               ),
             ],
           ),