update: add box for map

app/lib/main.dart

@@ -25,8 +25,6 @@ class App extends StatelessWidget {
 
 // fetchData requests data from the update_map endpoint
 Future<void> fetchData() async {
-  // NB: temp test print
-  print("fetchData triggered!");
   try {
     // Custom HTTP client
     HttpClient client = HttpClient()
@@ -74,19 +72,28 @@ class _DefaultPageState extends State<DefaultPage> {
 
   @override
   Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    double boxWidth = 0.8;
+    double boxHeight = 1.2; 
+
     return Scaffold(
       appBar: AppBar(
         title: const Text('IceMap'),
       ),
-      body: const Center(
+      body: Center(
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: <Widget>[
+            Container(
+              width: screenWidth * boxWidth,
+              height: screenWidth * boxHeight,
+              color: Colors.blue, // Set the color of the box
+            ),
+            SizedBox(height: 20), // Spacing between box and text
             Text(
               'Default page',
               style: TextStyle(fontSize: 24),
             ),
-            SizedBox(height: 20),
           ],
         ),
       ),