Refactor customer details and form views for improved readability and consistency

app/views/customers/_details.html.erb

@@ -36,23 +36,19 @@
       <td>$<%= customer.balance %></td>
     </tr>
     
+    <% if customer.notes.present? %>
       <tr>
-      <th colspan="2"><h4><%=t(:field_notes)%></hr></th>
+        <th colspan="2"><h4><%= t(:field_notes) %></h4></th>
       </tr>
 
       <tr>
         <td colspan="2">
-       <pre id="note-display" style="text-align: left; white-space: pre-wrap; font-family: inherit;">
+          <div class="wiki">
-          <%= customer.notes %>
+            <%= textilizable(customer, :notes) %>
-        </pre>
+          </div>
         </td>
       </tr>
-
+    <% end %>
-    <script>
-        const preElement = document.getElementById('note-display');
-        // This takes the text, trims the edges, and puts it back
-        preElement.textContent = preElement.textContent.trim();
-      </script>
 
   </tbody>
 </table> 

app/views/customers/_form.html.erb

@@ -36,16 +36,13 @@
           <%=t(:field_notes)%>: 
           <div class="input">
              <p>
-              <%= content_tag :span, id: "issue_description_and_toolbar" do %>
                 <%= f.text_area :notes,
-                    cols: 60,
+                                rows: 8,
-                    rows: 10,
-                    accesskey: accesskey(:edit),
                                 class: 'wiki-edit',
-                    no_label: true %>
+                                style: 'width: 95%;',
-              <% end %>
+                                id: 'customer_appointment_description' %>
+                <%= wikitoolbar_for 'customer_appointment_description' %>
               </p>
-            <%= wikitoolbar_for :issue_description %>
           </div>
         </div>