Fix overflow on location consent page

Author: JohnPalmer

lib/features/onboarding/presentation/pages/location_consent_page.dart

@@ -26,38 +26,43 @@ class LocationConsentPage extends StatelessWidget {
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-              // Top text section
-              Text(
-                MyLocalizations.of(context, 'tutorial_title_13'),
-                style: TextStyle(
-                  fontSize: 20,
-                  fontWeight: FontWeight.bold,
-                  color: theme.primaryColorDark,
-                ),
-              ),
-              const SizedBox(height: 16),
-              Text(
-                MyLocalizations.of(context, 'tutorial_info_13'),
-                style: TextStyle(
-                  fontSize: 16,
-                  color: theme.textTheme.bodyMedium?.color,
-                ),
-              ),
-              const SizedBox(height: 16),
-
-              // Expanded image fills remaining space
               Expanded(
-                child: Center(
-                  child: Image.asset(
-                    'assets/img/location/grid_aid.png',
-                    width: MediaQuery.of(context).size.width * 0.8,
-                    fit: BoxFit.contain,
+                child: SingleChildScrollView(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      // Top text section
+                      Text(
+                        MyLocalizations.of(context, 'tutorial_title_13'),
+                        style: TextStyle(
+                          fontSize: 20,
+                          fontWeight: FontWeight.bold,
+                          color: theme.primaryColorDark,
+                        ),
+                      ),
+                      const SizedBox(height: 16),
+                      Text(
+                        MyLocalizations.of(context, 'tutorial_info_13'),
+                        style: TextStyle(
+                          fontSize: 16,
+                          color: theme.textTheme.bodyMedium?.color,
+                        ),
+                      ),
+                      const SizedBox(height: 16),
+
+                      Center(
+                        child: Image.asset(
+                          'assets/img/location/grid_aid.png',
+                          width: MediaQuery.of(context).size.width * 0.8,
+                          fit: BoxFit.contain,
+                        ),
+                      ),
+                      const SizedBox(height: 24),
+                    ],
                   ),
                 ),
               ),
 
-              const SizedBox(height: 24),
-
               // Fixed bottom buttons
               Row(
                 children: [