style: default canvas & dashboard adjustments (#46)

* fix: update dimensions for embeddable elements in default_canvas.json

- Increased width from 420 to 460 and height from 320 to 380 for improved layout of embeddable elements.

* fix: adjust minimum height for ActionButtonGrid in Dashboard component

- Updated the minimum required height from 240 to 200 to ensure proper rendering of the ActionButtonGrid.

Author: atyrode

src/backend/default_canvas.json

@@ -2154,8 +2154,8 @@
             "type": "embeddable",
             "angle": 0,
             "index": "b0q",
-            "width": 420,
-            "height": 320,
+            "width": 460,
+            "height": 380,
             "locked": false,
             "frameId": null,
             "opacity": 100,

src/frontend/src/pad/containers/Dashboard.tsx

@@ -93,7 +93,7 @@ export const Dashboard: React.FC<DashboardProps> = ({
   // Set up resize observer to check if there's enough space
   useEffect(() => {
     // Minimum height required for the ActionButtonGrid to render properly
-    const MIN_REQUIRED_HEIGHT = 240; // Adjust this value based on your design
+    const MIN_REQUIRED_HEIGHT = 200; // Adjust this value based on your design
 
     const checkSize = () => {
       if (dashboardRef.current) {