a few more changes

+ boxshadow is constant
+ new resize handle
+ minW and minH set on widgets

client/src/components/Canvas/views/HomeTabs/MyDashboard.jsx

@@ -1,5 +1,6 @@
 import GridLayout, { WidthProvider } from 'react-grid-layout';
 import { useSlotRecipe, chakra, Flex } from '@chakra-ui/react';
+import CustomResizeHandle from '../../CanvasComponents/CustomResizeHandle';
 
 export default function MyDashboard({layout, onLayoutChange, isEditable, isDelete, DeleteWidget, widgetArray}) {
   console.log("rendering MyDashboard");
@@ -36,11 +37,14 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
         draggableHandle=".widget-handle" // Make only the header draggable
         onDragStart={handleDragStart}
         onDragStop={handleDragStop}
+        position="relative"
+        resizeHandle={<CustomResizeHandle isVisable={isEditable} />}
+        isResizable={isEditable}
       >
         {merged.map((item) => {
           const Widget = item.widget;
           return (
-            <Flex key={item.i} css={styles.root} boxShadow={isEditable ? "md":undefined} height="100%" >
+            <Flex key={item.i} css={styles.root} boxShadow="md" height="100%" >
               <Widget id={item.i} isEditable={isEditable} isDelete={isDelete} DeleteWidget={DeleteWidget}/>
             </Flex>
           )