Set text direction based on localization text direction

**This is a Feature Request**

**What would you like to be added**
Edit the [Hugo layout template(s)](https://gohugo.io/templates/) for the site to set `dir` on the `html` element, so that browsers know what text direction is in use.

**Why is this needed**
This change would support or enable https://github.com/kubernetes/website/issues/22730 and https://github.com/kubernetes/website/pull/46042

**Comments**
/area localization
/kind feature
/help
/triage accepted

You should work on this if you have the capacity to and you already understand a little about Hugo templating. The change may not be suitable for a contributor who is new to working with Hugo and Hugo themes.

Start with the Hugo layout template(s) linked in the issue and review the related issue #22730 and pull request #46042 for the expected localization behavior. Update the html element so its dir attribute reflects the site's text direction, then verify the rendered pages use the correct direction for localized content.

Written by the indexing model from the issue text.