Component namespacing (#2463)

* [claudesquad] update from 'component-namespacing' on 18 Jul 25 07:23 EDT

* [claudesquad] update from 'component-namespacing' on 18 Jul 25 07:30 EDT

* Update stimulus controller references to use namespace

* Fix remaining tests

app/views/categories/_category.html.erb

@@ -12,7 +12,7 @@
   </div>
 
   <div class="justify-self-end">
-    <%= render MenuComponent.new do |menu| %>
+    <%= render DS::Menu.new do |menu| %>
       <% menu.with_item(variant: "link", text: t(".edit"), icon: "pencil", href: edit_category_path(category), data: { turbo_frame: :modal }) %>
 
       <% if category.transactions.any? %>

app/views/categories/_menu.html.erb

@@ -1,6 +1,6 @@
 <%# locals: (transaction:) %>
 
-<%= render MenuComponent.new(variant: "button") do |menu| %>
+<%= render DS::Menu.new(variant: "button") do |menu| %>
   <% menu.with_button do %>
     <% render partial: "categories/badge", locals: { category: transaction.category } %>
   <% end %>

app/views/categories/edit.html.erb

@@ -1,4 +1,4 @@
-<%= render DialogComponent.new do |dialog| %>
+<%= render DS::Dialog.new do |dialog| %>
   <% dialog.with_header(title: t(".edit")) %>
   <% dialog.with_body do %>
     <%= render "form", category: @category, categories: @categories %>

app/views/categories/index.html.erb

@@ -2,7 +2,7 @@
   <h1 class="text-primary text-xl font-medium"><%= t(".categories") %></h1>
 
   <div class="flex items-center gap-2">
-    <%= render MenuComponent.new do |menu| %>
+    <%= render DS::Menu.new do |menu| %>
       <% menu.with_item(
           variant: "button",
           text: "Delete all",
@@ -12,7 +12,7 @@
           confirm: CustomConfirm.for_resource_deletion("all categories", high_severity: true)) %>
     <% end %>
 
-    <%= render LinkComponent.new(
+    <%= render DS::Link.new(
       text: t(".new"),
       variant: "primary",
       icon: "plus",
@@ -38,12 +38,12 @@
       <div class="text-center flex flex-col items-center max-w-[500px]">
         <p class="text-sm text-secondary mb-4"><%= t(".empty") %></p>
         <div class="flex items-center gap-2">
-          <%= render ButtonComponent.new(
+          <%= render DS::Button.new(
             text: t(".bootstrap"),
             href: bootstrap_categories_path,
           ) %>
 
-          <%= render LinkComponent.new(
+          <%= render DS::Link.new(
             text: t(".new"),
             variant: "outline",
             icon: "plus",

app/views/categories/new.html.erb

@@ -1,4 +1,4 @@
-<%= render DialogComponent.new do |dialog| %>
+<%= render DS::Dialog.new do |dialog| %>
   <% dialog.with_header(title: t(".new_category")) %>
   <% dialog.with_body do %>
     <%= render "form", category: @category, categories: @categories %>