fix: update responsive column breakpoints and adjust padding in DnD grid

Author: kastov

src/shared/hooks/use-responsive-columns/use-responsive-columns.hook.ts

@@ -76,7 +76,8 @@ export function useResponsiveColumns(
         breakpoints = {
             800: 2,
             1400: 3,
-            1500: 4,
+            1600: 4,
+            2000: 5,
             2400: 6,
             3000: 7
         }

src/shared/ui/virtualized-dnd-grid/virtualized-dnd-grid.shared.tsx

@@ -99,7 +99,7 @@ export function VirtualizedDndGrid<T extends { uuid: string }>(props: Virtualize
         if (!data) return null
 
         return (
-            <div className={classes.itemWrapper} style={{ padding: 5, margin: 0, width: '100%' }}>
+            <div className={classes.itemWrapper} style={{ padding: '5px', width: '100%' }}>
                 {renderItem(data, index)}
             </div>
         )
@@ -112,9 +112,6 @@ export function VirtualizedDndGrid<T extends { uuid: string }>(props: Virtualize
                     columnCount={columnCount}
                     data={items}
                     ItemContent={ItemWrapper}
-                    style={{
-                        height: '100%'
-                    }}
                     useWindowScroll={useWindowScroll}
                 />
             </Box>