Data click optimization

CHANGELOG.md

@@ -8,6 +8,7 @@
 
 ### ⚡️ Optimizations
 
+- Show the data item its details when clicking on the record
 - [#243](https://github.com/estruyf/vscode-front-matter/issues/243): Refactoring front matter parsing
 
 ### 🐞 Fixes

src/dashboardWebView/components/DataView/SortableItem.tsx

@@ -24,7 +24,9 @@ export const SortableItem = SortableElement(({ value, selectedIndex, crntIndex,
   return (
     <>
       <li data-test={`${selectedIndex}-${crntIndex}`} className={`py-2 px-2 w-full flex justify-between content-center hover:bg-gray-200 dark:hover:bg-vulcan-400 ${selectedIndex === crntIndex ? `bg-gray-300 dark:bg-vulcan-300` : ``}`}>
-        <div className='flex items-center'>
+        <div 
+          className='flex items-center w-full'
+          onClick={() => onSelectedIndexChange(crntIndex)}>
           <DragHandle />
           <span>{value}</span>
         </div>