update: tile ID display

app/lib/widgets/main_layout.dart

@@ -289,24 +289,52 @@ class _MapContainerWidgetState extends State<MapContainerWidget> {
                           ),
                           const Divider(),
                           const SizedBox(height: 10),
-                          Text(
-                            'Tile ID: ${selectedSubDiv?.sub_div_id}',
-                            style: regTextStyle,
-                          ),
-                          const SizedBox(height: 20),
-                          Text(
-                            'Measured at ',
-                            style: subHeadingStyle,
-                          ),
-                          Text(
-                            'Date: ${(selectedMeasurement?.timeMeasured.day ?? '-')}/${(selectedMeasurement?.timeMeasured.month ?? '-')}/${(selectedMeasurement?.timeMeasured.year ?? '-')}',
-                            style: regTextStyle,
-                          ),
-                          Text(
-                            'Time: ${selectedMeasurement?.timeMeasured.hour}:00',
-                            style: regTextStyle,
+                          Row(
+                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                            children: [
+                              Column(
+                                children: [
+                                  Text(
+                                    'Measured at ',
+                                    style: subHeadingStyle,
+                                  ),
+                                  Text(
+                                    'Date: ${(selectedMeasurement?.timeMeasured.day ?? '-')}/${(selectedMeasurement?.timeMeasured.month ?? '-')}/${(selectedMeasurement?.timeMeasured.year ?? '-')}',
+                                    style: regTextStyle,
+                                  ),
+                                  Text(
+                                    'Time: ${selectedMeasurement?.timeMeasured.hour}:00',
+                                    style: regTextStyle,
+                                  ),
+                                ],
+                              ),
+                              Container(
+                                width: 95,
+                                height: 95,
+                                padding: const EdgeInsets.only(top: 7),
+                                decoration: BoxDecoration(
+                                  color: Colors.white12,
+                                  borderRadius: BorderRadius.circular(10),
+                                ),
+                                child: Column(
+                                  children: [ // Tile ID
+                                    Text(
+                                      'Tile ID',
+                                      style: subHeadingStyle,
+                                    ),
+                                    Text(
+                                      '${selectedSubDiv?.sub_div_id}',
+                                      style: const TextStyle(
+                                          fontSize: 40,
+                                          color: Colors.white70,
+                                          fontWeight: FontWeight.bold),
+                                    ),
+                                  ],
+                                ),
+                              ),
+                            ],
                           ),
-                          const SizedBox(height: contPadding),
+                          const SizedBox(height: contPadding*1.5),
                           Text(
                             'Center coordinate: (${selectedSubDiv?.center.latitude}, ${selectedSubDiv?.center.longitude})',
                             style: regTextStyle,