refactor: Simplify settings screen layout and improve generic bottom sheet picker UI with ListTile

Author: oldrev

client/lib/devices/borneo/lyfi/views/settings_screen.dart

@@ -78,7 +78,6 @@ class SettingsScreen extends StatelessWidget {
   SettingsList _buildSettingsList(BuildContext context) {
     final lvm = context.watch<SettingsViewModel>();
     return SettingsList(
-      platform: DevicePlatform.iOS,
       sections: [
         SettingsSection(
           title: Text(context.translate('DEVICE INFORMATION')),
@@ -93,8 +92,7 @@ class SettingsScreen extends StatelessWidget {
               descriptionInlineIos: true,
               description: Row(
                 spacing: 8,
-                crossAxisAlignment: CrossAxisAlignment.start,
-                mainAxisAlignment: MainAxisAlignment.center,
+                mainAxisAlignment: MainAxisAlignment.start,
                 children: [Text(lvm.borneoInfo.manufName), Text(lvm.borneoInfo.modelName)],
               ),
             ),
@@ -128,7 +126,6 @@ class SettingsScreen extends StatelessWidget {
               title: Text(context.translate('Device time & time zone')),
               descriptionInlineIos: true,
               description: Row(
-                crossAxisAlignment: CrossAxisAlignment.start,
                 spacing: 8,
                 children: [
                   Text(lvm.borneoStatus.timestamp.toString()),

client/lib/shared/widgets/generic_bottom_sheet_picker.dart

@@ -115,28 +115,18 @@ class GenericBottomSheetPicker<T> extends StatelessWidget {
               itemBuilder: (context, index) {
                 final entry = entries[index];
                 final isSelected = entry.value == effective;
-                return Material(
-                  color: Colors.transparent,
-                  child: InkWell(
-                    onTap: () => onValueSelected(entry.value),
-                    child: Container(
-                      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
-                      child: Row(
-                        children: [
-                          Expanded(
-                            child: Text(
-                              entry.label,
-                              style: theme.textTheme.bodyLarge?.copyWith(
-                                color: isSelected ? colorScheme.primary : colorScheme.onSurface,
-                                fontWeight: isSelected ? FontWeight.w500 : FontWeight.normal,
-                              ),
-                            ),
-                          ),
-                          if (isSelected) Icon(Icons.check, color: colorScheme.primary, size: 20),
-                        ],
-                      ),
+                return ListTile(
+                  title: Text(
+                    entry.label,
+                    style: theme.textTheme.bodyLarge?.copyWith(
+                      color: isSelected ? colorScheme.primary : colorScheme.onSurface,
+                      fontWeight: isSelected ? FontWeight.w500 : FontWeight.normal,
                     ),
                   ),
+                  trailing: isSelected ? Icon(Icons.check, color: colorScheme.primary, size: 20) : null,
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 20, vertical: 0),
+                  onTap: () => onValueSelected(entry.value),
+                  dense: true,
                 );
               },
             ),