feat: Add Image Cropper to ui & storybook (#607)

* feat: add image cropper

* installation

* chore: add max width for dialogue container

---------

Co-authored-by: Rotimi Best <best@classroomio.com>

packages/ui/src/custom/image-cropper/image-cropper-controls.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { cn } from '../../tools';
+  import type { ImageCropperControlsProps } from './types';
+
+  let { ref = $bindable(null), class: className, children, ...rest }: ImageCropperControlsProps = $props();
+</script>
+
+<div
+  {...rest}
+  bind:this={ref}
+  class={cn('ui:flex ui:w-full ui:place-items-center ui:justify-center ui:gap-2', className)}
+>
+  {@render children?.()}
+</div>