Refactor Dialog Slots

[Shrinks99]

Now follows this pattern:

<Dialog>
  <DialogTrigger>
    <Button>Open Dialog</Button>
  </DialogTrigger>

  <DialogContainer size="md">
    <DialogHeader>
      <DialogTitle>Dialog Title</DialogTitle>
      <DialogDescription>Optional subtitle or description</DialogDescription>
    </DialogHeader>

    <DialogContent>
      {/* Main content area - scrollable if needed */}
      <p>Your main dialog content goes here...</p>
    </DialogContent>

    <DialogFooter>
      <DialogClose asChild>
        <Button variant="outline">Cancel</Button>
      </DialogClose>
      <Button>Confirm</Button>
    </DialogFooter>
  </DialogContainer>
</Dialog>