fix scroll problem

client/src/containers/datasets/layers/projects/hooks.tsx

@@ -3,7 +3,6 @@ import { useState } from 'react';
 import type { LayerProps } from 'react-map-gl';
 
 import { useAtomValue } from 'jotai';
-import { useSetAtom } from 'jotai';
 
 import { hoveredProjectMapAtom } from '@/store';
 

client/src/containers/projects/detail/panel.tsx

@@ -288,7 +288,7 @@ export default function ProjectDetailPanel() {
             <p className="pb-16 text-sm text-gray-500">
               If you have pictures of this project to share, please sent them to{' '}
               <a className="underline hover:no-underline" href="mailto:[email protected]">
-                [email protected]
+                [email protected]
               </a>
             </p>
           </div>

client/src/containers/projects/list.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useCallback, useState, MouseEvent } from 'react';
+import { useState } from 'react';
 
 import { useSetAtom } from 'jotai';
 import { Search, X } from 'lucide-react';
@@ -132,14 +132,6 @@ export default function ProjectsList() {
     }
   );
 
-  const handleHover = useCallback(
-    (e: MouseEvent<HTMLElement>) => {
-      const currentValue = e.currentTarget.getAttribute('data-value');
-      setHoveredProjectList(currentValue);
-    },
-    [setHoveredProjectList]
-  );
-
   const filtersLength = Object.entries(filtersSettings)
     .flat()
     .filter((el) => typeof el === 'object')
@@ -199,7 +191,6 @@ export default function ProjectsList() {
                   type="button"
                   key={project?.id}
                   data-value={project?.attributes?.project_code}
-                  onMouseEnter={handleHover}
                   onMouseLeave={() => setHoveredProjectList(null)}
                 >
                   <ProjectItem data={project} />