Remove controlled<State> in favor of bind:state={get, set}

[huntabyte]

Describe the feature in detail (code, mocks, or screenshots encouraged)

With the introduction of Function Bindings, we no longer need the controlled<State> props. The user can accomplish the same with less.

Here's how fully controlled works today:

<script lang="ts">
	import { page } from "$app/state";
	import { Dialog } from "bits-ui";

	let open = $state(false)
</script>


<Dialog.Root
	{open}
	controlledOpen
	onOpenChange={(newOpen) => {
		if (newOpen) {
			if (page.data.current.user.hasAccess) {
				open = newOpen
			}
		} else {
			open = newOpen
		}
	}}>
<!-- ... -->
</Dialog.Root>

Here's how it will work after the changes:

<script lang="ts">
	import { page } from "$app/state";
	import { Dialog } from "bits-ui";

	let open = $state(false)
</script>


<Dialog.Root
	bind:open={() => open, (newOpen) => {
		if (newOpen) {
			if (page.data.current.user.hasAccess) {
				open = newOpen
			}
		} else {
		open = newOpen
	}
}}>
<!-- ... -->
</Dialog.Root>

What type of pull request would this be?

None

Provide relevant links or additional information.

No response