add more location fields

src/pages/Messages/LocationMessage.tsx

@@ -1,6 +1,14 @@
 import type React from "react";
 
-import { LocateIcon, majorScale, minorScale, Pane, Text } from "evergreen-ui";
+import {
+  Heading,
+  LocateIcon,
+  majorScale,
+  minorScale,
+  Pane,
+  Small,
+  Text,
+} from "evergreen-ui";
 
 import { toMGRS } from "@app/core/utils/toMGRS.js";
 import type { Protobuf } from "@meshtastic/meshtasticjs";
@@ -26,7 +34,15 @@ export const LocationMessage = ({
         padding={minorScale(1)}
       >
         <LocateIcon color="#474d66" marginY="auto" />
-        <Text>{toMGRS(location.latitudeI, location.longitudeI)}</Text>
+        <Pane>
+          <Pane display="flex" gap={majorScale(1)}>
+            <Heading>{location.name}</Heading>
+            <Text color="orange">
+              {toMGRS(location.latitudeI, location.longitudeI)}
+            </Text>
+          </Pane>
+          <Small>{location.description}</Small>
+        </Pane>
       </Pane>
     </Pane>
   );