Pass boolean value to draggable attribute

### Is there an existing issue for this?

- [x] I have searched the existing issues

### Is your feature request related to a problem? Please describe the problem.

In blazor, when you add the `draggable` attribute using a boolean value, it produces markup with just the text `draggable`. For example

```razor

@code {
public bool MyBool { get; set }
}
```

Will produce this output `

`.

This causes problems in browsers (such as chrome) as they seem to require a value for the draggable attribute, `true` or `false`. With the output blazor produces in this situation the browser sometimes allows for dragging and other times does not. It's not clear to me exactly how the browser is behaving but it is spotty and broken at best.

### Describe the solution you'd like

for this particular attribute I would like blazor to output the `true` or `false` value as the attribute value. For example:

```razor

```

would produce this markup

```html

```

### Additional context

You can work around this behavior by calling `.ToString()` on your bool, and the current behavior is the documented and expected behavior of blazor. However; if a dev makes the mistake of setting the `draggable` attribute to a bool value (like my colleague did) it is not clear why the drag/drop functionality is broken and hours can be wasted trying to solve the issue.