refactor(ui): reverse log order to show newest first

Author: fadi-george

examples/build.md

@@ -952,7 +952,7 @@ LogView Features:
 - Fixed 100dp height
 - Default expanded
 - Trash icon button (Icons.delete) for clearing logs, not a text button
-- Auto-scroll to newest using ScrollController
+- Reverse order: newest logs at top
 
 Appium Semantic Labels:
 | Label | Description |

examples/demo/lib/screens/home_screen.dart

@@ -99,12 +99,8 @@ class _HomeScreenState extends State<HomeScreen> {
               child: ListView(
                 padding: const EdgeInsets.only(bottom: 24),
                 children: [
-                  AppSection(
-                    onInfoTap: () => _showTooltipDialog(context, 'app'),
-                  ),
-                  UserSection(
-                    onInfoTap: () => _showTooltipDialog(context, 'user'),
-                  ),
+                  const AppSection(),
+                  const UserSection(),
                   PushSection(
                     onInfoTap: () => _showTooltipDialog(context, 'push'),
                   ),

examples/demo/lib/widgets/log_view.dart

@@ -29,15 +29,6 @@ class _LogViewState extends State<LogView> {
 
   void _onLogChanged() {
     setState(() {});
-    WidgetsBinding.instance.addPostFrameCallback((_) {
-      if (_scrollController.hasClients) {
-        _scrollController.animateTo(
-          _scrollController.position.maxScrollExtent,
-          duration: const Duration(milliseconds: 100),
-          curve: Curves.easeOut,
-        );
-      }
-    });
   }
 
   Color _levelColor(LogLevel level) {
@@ -118,7 +109,7 @@ class _LogViewState extends State<LogView> {
                         _expanded
                             ? Icons.expand_less
                             : Icons.expand_more,
-                        size: 20,
+                        size: 18,
                         color: AppColors.osGrey500,
                       ),
                     ],
@@ -145,10 +136,11 @@ class _LogViewState extends State<LogView> {
                         )
                       : ListView.builder(
                           controller: _scrollController,
+                          reverse: true,
                           itemCount: logs.length,
                           padding: const EdgeInsets.symmetric(horizontal: 12),
                           itemBuilder: (context, index) {
-                            final entry = logs[index];
+                            final entry = logs[logs.length - 1 - index];
                             return Semantics(
                               label: 'log_entry_$index',
                               child: Padding(