WidgetLayout: remove conflicting data-grid prop from the widgets

The same information is added by react-grid-layout via the 'layouts' prop

src/routes/Home/components/WidgetLayout.tsx

@@ -38,15 +38,13 @@ const mapWidget = (
       componentId={layoutItem.i!}
       widgetInfo={widgetInfo}
       settings={settings}
-      data-grid={layoutItem}
       rootWidgetT={rootWidgetT}
     />
   );
 };
 
 const WidgetLayout = React.memo(function WidgetLayout() {
   const [breakpoint, setBreakpoint] = useState('lg');
-  const [initialLayoutUpdateFired, setInitialLayoutUpdateFired] = useState(false);
 
   const { t } = useTranslation();
   const rootWidgetT = getModuleT(
@@ -57,34 +55,27 @@ const WidgetLayout = React.memo(function WidgetLayout() {
   const layouts = useStore<Layouts>(WidgetStore);
 
   const widgets = React.useMemo(() => {
-    console.debug('WidgetLayout: layouts loaded', breakpoint);
+    // console.debug('WidgetLayout: layouts loaded', breakpoint, layouts[breakpoint]);
     return layouts[breakpoint]
       .map((w) => mapWidget(w, rootWidgetT))
       .filter((widget) => widget);
   }, [layouts, breakpoint]);
 
-  React.useEffect(() => console.log('RERENDER', breakpoint));
+  const onLayoutChanged = (layout: Layout[], layouts: Layouts) => {
+    //console.debug(
+    //  'WidgetLayout: saving layout',
+    //  layout,
+    //);
+
+    WidgetStore.onLayoutChange(layout, layouts);
+  };
+
   return (
     <>
       <ResponsiveReactGridLayout
         className="ui cards layout"
         rowHeight={50}
-        onLayoutChange={(layout, layouts) => {
-          // The initial render without correct breakpoint usually contains unwanted data
-          if (!initialLayoutUpdateFired) {
-            // console.debug('WidgetLayout: initial layout update fired');
-            setInitialLayoutUpdateFired(true);
-            return;
-          }
-
-          //console.debug(
-          //  'WidgetLayout: layout changed',
-          //  JSON.stringify(layout, null, 2),
-          //  breakpoint,
-          //);
-
-          WidgetStore.onLayoutChange(layout, layouts);
-        }}
+        onLayoutChange={onLayoutChanged}
         onBreakpointChange={(bp) => {
           // console.debug('WidgetLayout: breakpoint changed', bp);
           setBreakpoint(bp);