feat(mapper): add zoom to extent button to map (#1947)

* fix(main): shift osmStyle to baselayers constant

* fix(layer-switcher): user added layer vanish issue on switching to initial selected layer issue solve

* feat(crop-free): icon add

* fix(main): zoom to project btn add

src/mapper/src/lib/components/map/main.svelte

@@ -194,6 +194,14 @@
 		};
 	}
 
+	function zoomToProject() {
+		const taskBuffer = buffer(taskStore.featcol, 5, { units: 'meters' });
+		if (taskBuffer && map) {
+			const taskBbox: [number, number, number, number] = bbox(taskBuffer) as [number, number, number, number];
+			map?.fitBounds(taskBbox, { duration: 500 });
+		}
+	}
+
 	onMount(async () => {
 		// Register pmtiles protocol
 		if (!maplibre.config.REGISTERED_PROTOCOLS.hasOwnProperty('pmtiles')) {
@@ -248,6 +256,14 @@
 			>
 		</ControlGroup></Control
 	>
+	<Control class="flex flex-col gap-y-2" position="top-left">
+		<ControlGroup>
+			<ControlButton on:click={zoomToProject}
+				><hot-icon name="crop-free" class={`!text-[1.2rem] cursor-pointer duration-200 text-black`}
+				></hot-icon></ControlButton
+			>
+		</ControlGroup></Control
+	>
 	<Control class="flex flex-col gap-y-2" position="bottom-right">
 		<LayerSwitcher
 			{map}