can someone please remove the bottom overflowing section of the map? :D

[github-actions[bot]]

https://api.github.com/BKK-WeSpace/tree-population/blob/33ef4feea7bc17b247cff2cf560ba895d1add31c/src/components/TreesMap/index.tsx#L10

import maplibregl from "maplibre-gl";
import React, { useEffect, useState } from "react";
import useGetTrees from "../../data/hooks/useGetTrees";
import useGetStyles from "../../data/hooks/useGetStyles";
import OverlayComponent from "./OverlayComponent";
import { Box } from "@mui/system";

interface TreesMapProps {}

// TODO can someone please remove the bottom overflowing section of the map? :D
const TreesMap: React.FC<TreesMapProps> = () => {
  const [latLong, setLatLong] = useState<[number, number]>([
    100.537682, 13.80949,
  ]);

  useEffect(() => {
    const map = new maplibregl.Map({
      container: "map",
      center: latLong,
      // TODO put this style in VallarisService
      style:
        "https://v2k-dev.vallarismaps.com/core/api/styles/1.0-beta/styles/64149d10dc84d7b8cd687c5e?api_key=" +
        // @ts-ignore
        import.meta.env.VITE_VALLARIS_API_KEY,

      zoom: 10,
    });

[Khongchai]

This part should have been a part of the map itself, not an extension

[Khongchai]

Resolves with https://github.com/BKK-WeSpace/tree-population/pull/96