alert level has a complete form

+ alert level now has entry for country and volcano name
+ widget now has a submit button
+ now has a refresh button that only appears when something is submitted
+ adjusted number of columns in grid layout
+ other small sizing adjustments in canvas

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

@@ -13,6 +13,7 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
 
   console.log("widgetArray: ", widgetArray);
   console.log("layout: ", layout);
+
   if (widgetArray.length && layout.length) {
     const widgetMap = new Map(widgetArray.map(item => [item.i, item]));
     merged = layout.map(item => {
@@ -29,17 +30,16 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
         useCSSTransforms={false}  // remove the sliding animation of the widgets
         className="layout"
         layout={layout}
-        cols={12} // Total columns in grid
-        rowHeight={30} //Height of a single row in px
+        cols={16} // Total columns in grid
+        rowHeight={30} // Height of a single row in px
         isBounded={true} // Total width of the grid
-        margin={[10, 10]} // [horizontal, vertical] gap
+        margin={[15, 5]} // [horizontal, vertical] gap
         onLayoutChange={onLayoutChange}
         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;