made "resizeable" and optional prop for the responsive table

src/common/ResponsiveTable.tsx

@@ -99,7 +99,8 @@ interface Props<T> {
   order?: string;
   setOrder?: React.Dispatch<React.SetStateAction<"asc" | "desc">>;
   endTitleElement?: string | JSX.Element | (() => string | JSX.Element);
-  loadMore?: () => void
+  loadMore?: () => void;
+  resizeable?: boolean;
 }
 
 export default function ResponsiveTable<T extends Object>(props: Props<T>) {
@@ -133,13 +134,15 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
     setOrderBy,
     order, 
     setOrder,
-    loadMore
+    loadMore,
+    // resizeable,
   } = props
   const classes = useStyles();
   const columns = typeof(props.columns) === "function" ? props.columns() : props.columns
   const subtitle = typeof(props.subtitle) === "function" ? props.subtitle() : props.subtitle
   const title = typeof(props.title) === "function" ? props.title() : props.title
   const endTitleElement = typeof(props.endTitleElement) === "function" ? props.endTitleElement() : props.endTitleElement
+  const resizeable = props.resizeable === undefined ? false : props.resizeable
 
   const isMobile = useMobile()
 
@@ -540,7 +543,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
                       >
                         {column.title} {showOrderIcon(column)}
                       </Grid2>
-                      {index < columns.length-1 && 
+                      {index < columns.length-1 && resizeable &&
                         <Grid2
                           sx={{ cursor: "col-resize", userSelect: "none" }}
                           onMouseDown={event => resizeClick(event, index)}

src/pages/Devices.tsx

@@ -782,6 +782,7 @@ export default function Devices() {
         orderBy={orderBy}
         setOrderBy={setOrderBy}
         endTitleElement={preferencesButton}
+        resizeable
         loadMore={()=>{
           let currentRows = cloneDeep(devices)
           deviceAPI.list(