fix: use features instead of feature

Author: KrzysztofSajko

src/frontend/src/components/InstrumentsTable.tsx

@@ -58,7 +58,7 @@ function CustomToolbar() {
                 sx={{
                     width: "100%",
                 }}
-                data-dt-feature="main-table,table-toolbar"
+                data-dt-features="main-table,table-toolbar"
             >
                 <GridToolbarColumnsButton />
                 <GridToolbarFilterButton />
@@ -86,7 +86,7 @@ export default function InstrumentsTable({
             slots={{ toolbar: CustomToolbar }}
             hideFooter={true}
             disableVirtualization={disableVirtualization}
-            data-dt-feature="main-table"
+            data-dt-features="main-table"
         />
     )
 }

src/frontend/src/components/charts/InstrumentsChart.tsx

@@ -63,7 +63,7 @@ export default function InstrumentsChart({
             width="100%"
             display={"flex"}
             justifyContent={"center"}
-            data-dt-feature={"main-chart"}
+            data-dt-features={"main-chart"}
             data-dt-mouse-over="300"
         >
             <ResponsiveContainer width="100%" height="100%">

src/frontend/src/components/instrument/InstrumentsGrid.tsx

@@ -23,7 +23,7 @@ export default function InstrumentsGrid({
     instruments: Instrument[]
 }) {
     return (
-        <Grid container spacing={2} data-dt-feature="instruments">
+        <Grid container spacing={2} data-dt-features="instruments">
             {instruments.map((instrument) => (
                 <Item key={instrument.id} {...instrument} />
             ))}