Update size button to be a detail popover

packages/builder/src/components/backend/DataTable/buttons/grid/GridSizeButton.svelte

@@ -1,6 +1,7 @@
 <script>
   import { getContext } from "svelte"
-  import { ActionButton, Popover, Label } from "@budibase/bbui"
+  import { ActionButton, Label } from "@budibase/bbui"
+  import DetailPopover from "components/common/DetailPopover.svelte"
 
   const {
     Constants,
@@ -32,8 +33,7 @@
     },
   ]
 
-  let open = false
-  let anchor
+  let popover
 
   // Column width sizes
   $: allSmall = $columns.every(col => col.width === smallColSize)
@@ -66,21 +66,19 @@
   }
 </script>
 
-<div bind:this={anchor}>
+<DetailPopover bind:this={popover} title="Column and row size">
+  <svelte:fragment slot="anchor" let:open>
     <ActionButton
       icon="MoveUpDown"
       quiet
       size="M"
-    on:click={() => (open = !open)}
+      on:click={popover?.open}
       selected={open}
       disabled={!$columns.length}
     >
       Size
     </ActionButton>
-</div>
-
-<Popover bind:open {anchor} align="left">
-  <div class="content">
+  </svelte:fragment>
   <div class="size">
     <Label>Row height</Label>
     <div class="options">
@@ -113,8 +111,7 @@
       {/if}
     </div>
   </div>
-  </div>
-</Popover>
+</DetailPopover>
 
 <style>
   .content {