redmine_qbo/app/views/customers/_details.html.erb

<table>
  <tbody>

    <tr>
      <th><%=t(:label_name)%></th>
      <td><%= customer.name %></td>
    </tr>

    <tr>
      <th><%=t(:label_email)%></th>
      <td><%= customer.email %></td>
    </tr>
    
    <tr>
      <th><%=t(:label_primary_phone)%></th>
      <td><%= number_to_phone(customer.primary_phone.gsub(/[^\d]/, '').to_i, area_code: true) if customer.primary_phone %></td>
    </tr>
    
    <tr>
      <th><%=t(:label_mobile_phone)%></th>
      <td><%= number_to_phone(customer.mobile_phone.gsub(/[^\d]/, '').to_i, area_code: true) if customer.mobile_phone %></td>
    </tr>
    
     <tr>
        <th><%=t(:label_billing_address)%></th>
        <td><%= @billing_address %></td>
    </tr>
    
     <tr>
        <th><%=t(:label_shipping_address)%></th>
        <td><%= @shipping_address %></td>
    </tr>
    
    <tr>
        <th><%=t(:label_account_balance)%></th>
        <td>$<%= customer.balance %></td>
    </tr>
    
    <tr>
      <th><%=t(:field_notes)%></th>
      <td>
       <pre id="note-display" style="text-align: left; white-space: pre-wrap; font-family: inherit;">
          <%= customer.notes %>
        </pre>
      </td>
    </tr>

    <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> 
<br/>
<br/>