Refactor error index view to improve message display

- Adjusted the layout of the error index view by modifying the margin of the message container for better spacing.
- Enhanced the message display logic to prioritize a more informative description, combining exception class, sample message, and controller action into a single truncated text element.

Author: alexshapalov

app/views/errors/index.html.erb

@@ -224,7 +224,7 @@
                     <span class="block w-2.5 h-2.5 rounded-full <%= dot_classes.fetch(dot_sev, 'bg-gray-300') %>" title="<%= dot_sev.capitalize %> severity"></span>
                   </div>
                   <div class="ml-3 min-w-0">
-                  <div class="flex items-center space-x-2 mb-1 flex-wrap gap-1">
+                  <div class="flex items-center space-x-2 mb-0.5 flex-wrap gap-1">
                     <span class="text-sm font-medium text-indigo-600">
                       <%= issue.exception_class %>
                     </span>
@@ -235,11 +235,11 @@
                       <span class="inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800" title="From Sidekiq/Solid Queue job">Job</span>
                     <% end %>
                   </div>
-                  <% if issue.sample_message.present? %>
-                    <div class="text-xs text-gray-600">
-                      <%= truncate(issue.sample_message, length: 80) %>
-                    </div>
-                  <% end %>
+                  <% desc = error_explanation(issue.exception_class) %>
+                  <% short_text = desc.presence || issue.sample_message.presence || issue.controller_action %>
+                  <div class="text-xs text-gray-500 min-w-0 truncate" title="<%= short_text %>">
+                    <%= truncate(short_text.to_s, length: 120) %>
+                  </div>
                   </div>
                 </div>
               </td>