update: preliminary marker selection mechanism

app/lib/pages/default_page.dart

@@ -81,9 +81,10 @@ class _DefaultPageState extends State<DefaultPage> {
         children: [
           MapContainerWidget(markerList: markerList),
           const SizedBox(height: 30), // Padding between widgets
-          const DetailedInfoContainerWidget(),
+          DetailsContainerWidget(markerData: markerList.first),
         ],
       ),
     );
   }
-}
\ No newline at end of file
+}
+

app/lib/pages/widgets/details_widget.dart

 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import '../marker_data.dart';
 
-class DetailedInfoContainerWidget extends StatelessWidget {
-  const DetailedInfoContainerWidget({super.key});
+class DetailsContainerWidget extends StatefulWidget {
+  const DetailsContainerWidget({Key? key, required this.markerData}) : super(key: key);
 
+  final MarkerTemplate markerData;
+
+  @override
+  _DetailsContainerWidgetState createState() => _DetailsContainerWidgetState();
+}
+
+class _DetailsContainerWidgetState extends State<DetailsContainerWidget> {
   @override
   Widget build(BuildContext context) {
     double screenWidth = MediaQuery.of(context).size.width;
@@ -14,16 +22,30 @@ class DetailedInfoContainerWidget extends StatelessWidget {
       width: screenWidth * boxWidth,
       height: screenWidth * boxHeight,
       color: Colors.blue,
-      child: const Align(
+      child: Align(
         alignment: Alignment.topLeft,
         child: Padding(
-          padding: EdgeInsets.only(top: 10, left: 10), // Edge padding, text
-          child: Text(
-            'Placeholder text',
-            style: TextStyle(fontSize: 20, color: Colors.black),
+          padding: const EdgeInsets.only(top: 10, left: 10), // Edge padding, text
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const Text(
+                'Ice thickness details',
+                style: TextStyle(fontSize: 30, color: Colors.black),
+              ),
+              Text(
+                'Latitude: ${widget.markerData.geoData.latitude}',
+                style: TextStyle(fontSize: 20, color: Colors.black),
+              ),
+              Text(
+                'Longitude: ${widget.markerData.geoData.longitude}',
+                style: TextStyle(fontSize: 20, color: Colors.black),
+              ),
+              // Add more information widgets here
+            ],
           ),
         ),
       ),
     );
   }
-}
\ No newline at end of file
+}