feat: add New Case Contact button to new design case contacts page

Adds a primary-styled button to the header of the new design case
contacts table that links to the existing new case contact flow.
Accessible (aria-hidden on decorative icon) and responsive (flex-wrap
on narrow viewports). Covers admin and volunteer roles in system specs.
Spec structure aligned with shared_context pattern from b4758d1 to
minimize future merge conflicts.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: cliftonmcintosh

app/views/case_contacts/case_contacts_new_design/index.html.erb

@@ -1,8 +1,10 @@
 <div class="title-wrapper pt-30">
-  <div class="row align-items-center">
-      <div class="title mb-30">
-        <h1>Case Contacts</h1>
-      </div>
+  <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-30">
+    <h1>Case Contacts</h1>
+    <%= link_to new_case_contact_path, class: "main-btn primary-btn btn-sm btn-hover" do %>
+      <i class="lni lni-plus mr-10" aria-hidden="true"></i>
+      New Case Contact
+    <% end %>
   </div>
 </div>
 

spec/system/case_contacts/case_contacts_new_design_spec.rb

@@ -1,6 +1,6 @@
 require "rails_helper"
 
-RSpec.describe "Case Contact Table Row Expansion", type: :system, js: true do
+RSpec.describe "Case contacts new design", type: :system, js: true do
   let(:organization) { create(:casa_org) }
   let(:admin) { create(:casa_admin, casa_org: organization) }
   let(:casa_case) { create(:casa_case, casa_org: organization) }
@@ -14,30 +14,71 @@
       case_contact: case_contact,
       contact_topic: contact_topic,
       value: "Youth is doing well in school")
+    allow(Flipper).to receive(:enabled?).and_call_original
     allow(Flipper).to receive(:enabled?).with(:new_case_contact_table).and_return(true)
-    sign_in admin
-    visit case_contacts_new_design_path
   end
 
-  it "shows the expanded content after clicking the chevron" do
-    find(".expand-toggle").click
-
-    expect(page).to have_content("What was discussed?")
-    expect(page).to have_content("Youth is doing well in school")
+  shared_context "signed in as admin" do
+    before do
+      sign_in admin
+      visit case_contacts_new_design_path
+    end
   end
 
-  it "shows notes in the expanded content" do
-    find(".expand-toggle").click
+  describe "New Case Contact button" do
+    include_context "signed in as admin"
+
+    it "is visible to an admin" do
+      expect(page).to have_link("New Case Contact", href: new_case_contact_path)
+    end
+
+    it "navigates to the new case contact form when clicked as an admin" do
+      click_link "New Case Contact"
+      expect(page).to have_current_path(%r{/case_contacts/\d+/form/details})
+    end
+
+    context "when signed in as a volunteer" do
+      let(:volunteer) { create(:volunteer, casa_org: organization) }
+
+      before do
+        sign_in volunteer
+        visit case_contacts_new_design_path
+      end
+
+      it "is visible to a volunteer" do
+        expect(page).to have_link("New Case Contact", href: new_case_contact_path)
+      end
 
-    expect(page).to have_content("Additional Notes")
-    expect(page).to have_content("Important follow-up needed")
+      it "navigates to the new case contact form when clicked as a volunteer" do
+        click_link "New Case Contact"
+        expect(page).to have_current_path(%r{/case_contacts/\d+/form/details})
+      end
+    end
   end
 
-  it "hides the expanded content after clicking the chevron again" do
-    find(".expand-toggle").click
-    expect(page).to have_content("Youth is doing well in school")
+  describe "row expansion" do
+    include_context "signed in as admin"
+
+    it "shows the expanded content after clicking the chevron" do
+      find(".expand-toggle").click
+
+      expect(page).to have_content("What was discussed?")
+      expect(page).to have_content("Youth is doing well in school")
+    end
+
+    it "shows notes in the expanded content" do
+      find(".expand-toggle").click
+
+      expect(page).to have_content("Additional Notes")
+      expect(page).to have_content("Important follow-up needed")
+    end
+
+    it "hides the expanded content after clicking the chevron again" do
+      find(".expand-toggle").click
+      expect(page).to have_content("Youth is doing well in school")
 
-    find(".expand-toggle").click
-    expect(page).to have_no_content("Youth is doing well in school")
+      find(".expand-toggle").click
+      expect(page).to have_no_content("Youth is doing well in school")
+    end
   end
 end