fix(avatar): preserve image visibility without JS

Image was hidden by default and only revealed by the Stimulus
controller's load handler, which meant clients with JS disabled
never saw the avatar image. Make the image visible by default and
let the controller hide it on connect when it isn't yet loaded;
load/error events restore the proper image/fallback toggle.

Author: djalmaaraujo

gem/lib/ruby_ui/avatar/avatar_controller.js

@@ -4,11 +4,15 @@ export default class extends Controller {
   static targets = ["image", "fallback"];
 
   connect() {
-    if (!this.hasImageTarget) return;
+    if (!this.hasImageTarget) {
+      return;
+    }
 
     if (this.imageTarget.complete && this.imageTarget.naturalWidth > 0) {
       this.showImage();
     } else {
+      // Image not yet loaded (or failed): hide it so the fallback shows.
+      // Image visibility is restored by the load/error handlers.
       this.showFallback();
     }
   }

gem/lib/ruby_ui/avatar/avatar_image.rb

@@ -21,7 +21,7 @@ def default_attrs
           ruby_ui__avatar_target: "image",
           action: "load->ruby-ui--avatar#showImage error->ruby-ui--avatar#showFallback"
         },
-        class: "hidden aspect-square h-full w-full",
+        class: "aspect-square h-full w-full",
         alt: @alt,
         src: @src
       }

gem/test/ruby_ui/avatar_test.rb

@@ -16,6 +16,7 @@ def test_render_with_all_items
     assert_match(/data-ruby-ui--avatar-target="image"/, output)
     assert_match(/load->ruby-ui--avatar#showImage error->ruby-ui--avatar#showFallback/, output)
     assert_match(/data-ruby-ui--avatar-target="fallback"/, output)
-    assert_match(/hidden aspect-square/, output)
+    assert_match(/class="aspect-square h-full w-full"/, output)
+    refute_match(/class="[^"]*\bhidden\b[^"]*aspect-square/, output)
   end
 end