feat(jsx): support htmlfor attribute alias (honojs#2916)

* add an attribute alias for 'for' to 'htmlFor'

* Updated the utils.test to include attribute aliases.

* bun run format:fix and lint:fix

src/jsx/utils.test.ts

@@ -1,4 +1,72 @@
-import { styleObjectForEach } from './utils'
+import { normalizeIntrinsicElementProps, styleObjectForEach } from './utils'
+
+describe('normalizeIntrinsicElementProps', () => {
+  it('should convert className to class', () => {
+    const props: Record<string, unknown> = {
+      className: 'test-class',
+      id: 'test-id',
+    }
+
+    normalizeIntrinsicElementProps(props)
+
+    expect(props).toEqual({
+      class: 'test-class',
+      id: 'test-id',
+    })
+  })
+
+  it('should convert htmlFor to for', () => {
+    const props: Record<string, unknown> = {
+      htmlFor: 'test-for',
+      name: 'test-name',
+    }
+
+    normalizeIntrinsicElementProps(props)
+
+    expect(props).toEqual({
+      for: 'test-for',
+      name: 'test-name',
+    })
+  })
+
+  it('should convert multiple attribute aliases', () => {
+    const props: Record<string, unknown> = {
+      className: 'test-class',
+      htmlFor: 'test-for',
+      type: 'text',
+    }
+
+    normalizeIntrinsicElementProps(props)
+
+    expect(props).toEqual({
+      class: 'test-class',
+      for: 'test-for',
+      type: 'text',
+    })
+  })
+
+  it('should not modify props without className or htmlFor', () => {
+    const props: Record<string, unknown> = {
+      id: 'test-id',
+      name: 'test-name',
+    }
+
+    normalizeIntrinsicElementProps(props)
+
+    expect(props).toEqual({
+      id: 'test-id',
+      name: 'test-name',
+    })
+  })
+
+  it('should handle empty props', () => {
+    const props: Record<string, unknown> = {}
+
+    normalizeIntrinsicElementProps(props)
+
+    expect(props).toEqual({})
+  })
+})
 
 describe('styleObjectForEach', () => {
   describe('Should output the number as it is, when a number type is passed', () => {

src/jsx/utils.ts

@@ -1,8 +1,18 @@
+/**
+ * Normalizes intrinsic element properties by converting JSX element properties
+ * to their corresponding HTML attributes.
+ *
+ * @param props - JSX element properties.
+ */
 export const normalizeIntrinsicElementProps = (props: Record<string, unknown>): void => {
   if (props && 'className' in props) {
     props['class'] = props['className']
     delete props['className']
   }
+  if (props && 'htmlFor' in props) {
+    props['for'] = props['htmlFor']
+    delete props['htmlFor']
+  }
 }
 
 export const styleObjectForEach = (