fix(widgets): Improve GeocoderWidget error styling and enable geolocation in example

- Style error message as themed popup below widget instead of breaking layout
- Enable geolocation option in widgets example

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: chrisgervang

examples/get-started/pure-js/widgets/app.js

@@ -79,6 +79,6 @@ new Deck({
     new ZoomWidget({style: widgetTheme}),
     new CompassWidget({style: widgetTheme}),
     new FullscreenWidget({style: widgetTheme}),
-    new GeocoderWidget({style: widgetTheme})
+    new GeocoderWidget({style: widgetTheme, _geolocation: true})
   ]
 });

modules/widgets/src/stylesheet.css

@@ -304,10 +304,20 @@
 }
 
 .deck-widget .deck-widget-geocoder-error {
-  width: 100%;
-  padding: 4px 8px;
-  color: rgb(220, 53, 69);
-  font-size: 0.875em;
+  position: absolute;
+  top: calc(100% + var(--menu-gap, 4px));
+  left: 1px;
+  right: 1px;
+  padding: 6px 10px;
+  background: var(--button-background, #fff);
+  backdrop-filter: var(--button-backdrop-filter, unset);
+  border: var(--button-inner-stroke, unset);
+  border-radius: var(--button-corner-radius, 8px);
+  box-shadow: var(--button-shadow, 0px 0px 8px 0px rgba(0, 0, 0, 0.25));
+  color: rgb(220, 80, 80);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-size: 12px;
+  text-align: center;
 }
 
 /* When dropdown is not present, input should have full rounded corners */