Create a Dialog component

[fjohanssondev]

The Dialog component should use the HTML5 dialogelement. It's purpose is mainly when a user might want to add something, then a pop-up would appear.

Features:

• Create a backdrop on the entire page
• Clicking outside the dialog will close the dialog
• Dialog should be able to have buttons. Where as one should be able to close the dialog
• If a user presses ´ESC`, the window should close too
• If a user presses TAB, the tabbing should only occur inside the dialog component

Example of structure

<Dialog.Root>
  <Dialog.Title>
    Hello World
  </Dialog.Title>
  <Dialog.Content>
    This will be the content of the dialog
  </Dialog.Content>
  <Dialog.Cancel>
    <button>Close</button>
  </Dialog.Cancel>
  <Dialog.Action>
    <button>Add</button>
  </Dialog.Action>
</Dialog.Root>