[REF-3135]Radix Primitive components should not ignore provided class_name prop

[ElijahAhianyo]

Currently, for radix primitives, the class_name is set to the tag name of the component, so if you provide a class-name for a primitive component(eg. rx.form), the provided class name will be stripped off or overridden.
With this PR, we respect the provided class_name which now allows us to achieve something like this:

def index():
    return rx.vstack(
        rx.form(
            rx.vstack(
                rx.input(
                    placeholder="First Name",
                    name="first_name",
                ),
                rx.input(
                    placeholder="Last Name",
                    name="last_name",
                ),
                rx.hstack(
                    rx.checkbox("Checked", name="check"),
                    rx.switch("Switched", name="switch"),
                ),
                rx.button("Submit", type="submit"),
            ),
            on_submit=FormState.handle_submit,
            reset_on_submit=True,
            class_name="bg-white p-6 rounded-lg shadow-md w-full max-w-sm"
        ),
    )

The renderered js code is now:

return (
    <RadixFormRoot className={`Root bg-white p-6 rounded-lg shadow-md w-full max-w-sm`} css={{ "width": "100%" }} onSubmit={handleSubmit_deab2d5728fb5f3e32b00729f023971b}>
      ...
    </RadixFormRoot>
  )

[linear]

REF-3135 Resolve class_name inconsistency between rx.form and rx.el.form

[picklelo]

nice catch