add artificial delay to loadPlayerList for skeleton loading

lib/presentation/views/main_menu/create_group_view.dart

@@ -54,7 +54,11 @@ class _CreateGroupViewState extends State<CreateGroupView> {
   }
 
   void loadPlayerList() {
-    _allPlayersFuture = db.playerDao.getAllPlayers();
+    _allPlayersFuture = Future.delayed(
+      const Duration(milliseconds: 400),
+      () => db.playerDao.getAllPlayers(),
+    );
+    suggestedPlayers = skeletonData;
     _allPlayersFuture.then((loadedPlayers) {
       setState(() {
         loadedPlayers.sort((a, b) => a.name.compareTo(b.name));

lib/presentation/views/main_menu/groups_view.dart

@@ -34,7 +34,10 @@ class _GroupsViewState extends State<GroupsView> {
   void initState() {
     super.initState();
     db = Provider.of<AppDatabase>(context, listen: false);
-    _allGroupsFuture = db.groupDao.getAllGroups();
+    _allGroupsFuture = Future.delayed(
+      const Duration(milliseconds: 400),
+      () => db.groupDao.getAllGroups(),
+    );
   }
 
   @override