Display general marker on non-self location shares (#7574)

res/css/views/messages/_MLocationBody.scss

@@ -40,4 +40,16 @@ limitations under the License.
         bottom: -3px;
         left: 12px;
     }
+
+    .mx_MLocationBody_markerContents {
+        background-color: $location-marker-color;
+        margin: 4px;
+        width: 24px;
+        height: 24px;
+        padding-top: 8px;
+        mask-repeat: no-repeat;
+        mask-size: contain;
+        mask-position: center;
+        mask-image: url('$(res)/img/element-icons/location.svg');
+    }
 }

res/img/element-icons/location.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 1.99999C8.13 1.99999 5 5.2152 5 9.19054C5 13.4741 9.42 19.3806 11.24 21.6302C11.64 22.1233 12.37 22.1233 12.77 21.6302C14.58 19.3806 19 13.4741 19 9.19054C19 5.2152 15.87 1.99999 12 1.99999ZM12 11.7586C10.62 11.7586 9.5 10.6081 9.5 9.19054C9.5 7.77298 10.62 6.62249 12 6.62249C13.38 6.62249 14.5 7.77298 14.5 9.19054C14.5 10.6081 13.38 11.7586 12 11.7586Z" fill="#737D8C"/>
+</svg>

res/themes/legacy-light/css/_legacy-light.scss

@@ -36,6 +36,7 @@ $accent-alt: #238cf5;
 $selection-fg-color: $primary-bg-color;
 
 $focus-brightness: 105%;
+$location-marker-color: #ffffff;
 
 $other-user-pill-bg-color: rgba(0, 0, 0, 0.1);
 

res/themes/light/css/_light.scss

@@ -283,6 +283,7 @@ $pinned-color: $tertiary-content;
 $avatar-initial-color: $background;
 $primary-hairline-color: transparent;
 $focus-brightness: 105%;
+$location-marker-color: #ffffff;
 // ********************
 
 // blur amounts for left left panel (only for element theme)