use structs to draw custom map pointers

frontend/lib/layout.dart

@@ -46,7 +46,8 @@ class _BasePageState extends State<BasePage> {
               child: const Text('The fanciest navigation!'),
             ),
             ListTile(
-              title: const Text('Home'),
+              title: const Text('Start'),
+              leading: const Icon(Icons.map),
               selected: _selectedIndex == 0,
               onTap: () {
                 // Update the state of the app
@@ -57,7 +58,8 @@ class _BasePageState extends State<BasePage> {
               },
             ),
             ListTile(
-              title: const Text('Business'),
+              title: const Text('How to use'),
+              leading: Icon(Icons.help),
               selected: _selectedIndex == 1,
               onTap: () {
                 // Update the state of the app
@@ -68,8 +70,6 @@ class _BasePageState extends State<BasePage> {
                 Navigator.pop(context);
               },
             ),
-            // add a whitespace so that the settings are at the bottom
-            
             const Divider(),
             ListTile(
               title: const Text('Settings'),