feat: add scrollable container for explore items and hide scrollbars

- Updated `.exploreMainContainer` to include `max-height` and hide scrollbars using `::-webkit-scrollbar`.
- Introduced a new `.exploreItemsContainer` class with `max-height` and `overflow-y: auto` to enable scrolling for the content.
- Adjusted styles for responsiveness in `xsPhoneView` to support dynamic heights for mobile views.

src/features/projectsV2/ProjectsMap/MapFeatureExplorer/MapFeatureExplorer.module.scss

@@ -14,16 +14,35 @@
   margin-top: 10px;
   padding: 12px;
   box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.12);
+  max-height: 485px;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
 
   @include xsPhoneView {
     position: absolute;
+    max-height: max-content;
     min-width: 293px;
     border-radius: unset;
     right: 0px;
     top: -10px;
   }
 }
 
+.exploreItemsContainer {
+  max-height: 400px;
+  overflow-y: auto;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  @include xsPhoneView {
+    max-height: max-content;
+  }
+}
+
 .exploreFeatureMobileHeader {
   display: flex;
   justify-content: space-between;

src/features/projectsV2/ProjectsMap/MapFeatureExplorer/MapSettings.tsx

@@ -91,7 +91,7 @@ const MapSettings: FC<MapSettingsProps> = ({
   return (
     <div className={styles.exploreMainContainer}>
       <div>
-        <div>
+        <div className={styles.exploreItemsContainer}>
           {/* <MapLayerToggle
             label={tAllProjects('currentForests')}
             switchComponent={