Make steps non-interactive

app/views/cards/display/perma/_steps.html.erb

@@ -1,7 +1,7 @@
 <ol class="steps txt-small margin-block">
   <%= render partial: "cards/steps/step", collection: card.steps, as: :step %>
 
-  <div class="step card__hide-on-public">
+  <div class="step">
     <input type="checkbox" class="step__checkbox" disabled>
     <%= form_with model: [card, Step.new], url: card_steps_path(card) do |form| %>
       <%= form.text_field :content, class: "input step__content hide-focus-ring", placeholder: "Add a step…", required: true, autocomplete: "off" %>

app/views/public/cards/show.html.erb

@@ -25,7 +25,7 @@
         <%= render "cards/display/public_preview/stages", card: @card if @card.doing? %>
       </div>
 
-      <%= render "cards/display/perma/steps", card: @card %>
+      <%= render "public/cards/show/steps", card: @card %>
 
       <footer class="card__footer full-width flex align-start gap">
         <%= render "cards/display/public_preview/meta", card: @card %>

app/views/public/cards/show/_steps.html.erb

@@ -0,0 +1,8 @@
+<ol class="steps txt-small margin-block">
+  <% card.steps.each do |step| %>
+    <li class="step">
+      <%= check_box_tag :completed, { class: "step__checkbox" } %>
+      <%= tag.span step.content, class: "step__content" %>
+    </li> 
+  <% end %>
+</ol>