Implement settings

flutter/lib/pages/keytoken_list/keytoken_list_item.dart

@@ -1,10 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:intl/intl.dart';
+import 'package:provider/provider.dart';
 import 'package:simplecloudnotifier/api/api_client.dart';
 import 'package:simplecloudnotifier/models/keytoken.dart';
 import 'package:simplecloudnotifier/pages/filtered_message_view/filtered_message_view.dart';
 import 'package:simplecloudnotifier/pages/keytoken_view/keytoken_view.dart';
+import 'package:simplecloudnotifier/state/app_settings.dart';
 import 'package:simplecloudnotifier/utils/navi.dart';
 
 enum KeyTokenListItemMode {
@@ -13,8 +15,6 @@ enum KeyTokenListItemMode {
 }
 
 class KeyTokenListItem extends StatelessWidget {
-  static final _dateFormat = DateFormat('yyyy-MM-dd HH:mm'); //TODO setting
-
   const KeyTokenListItem({
     required this.item,
     super.key,
@@ -24,6 +24,8 @@ class KeyTokenListItem extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final dateFormat = context.select<AppSettings, AppSettingsDateFormat>((v) => v.dateFormat).dateFormat();
+
     return Card.filled(
       margin: EdgeInsets.fromLTRB(0, 4, 0, 4),
       shape: BeveledRectangleBorder(borderRadius: BorderRadius.circular(0)),
@@ -51,7 +53,7 @@ class KeyTokenListItem extends StatelessWidget {
                           ),
                         ),
                         Text(
-                          (item.timestampLastUsed == null) ? '' : KeyTokenListItem._dateFormat.format(DateTime.parse(item.timestampLastUsed!).toLocal()),
+                          (item.timestampLastUsed == null) ? '' : dateFormat.format(DateTime.parse(item.timestampLastUsed!).toLocal()),
                           style: const TextStyle(fontSize: 14),
                         ),
                       ],