Dashboard design fixes (#1898)

* Dashboard design fixes

* Update dashboard greeting

* Remove sidebar toggle from settings breadcrumbs

* Autofocus and outlines for category dropdowns

* Lint fixes

app/views/shared/_color_avatar.html.erb

@@ -8,4 +8,4 @@
       class="w-8 h-8 flex items-center justify-center rounded-full"
       style="background-color: <%= background_color %>; border-color: <%= border_color %>; color: <%= color %>">
   <%= letter.upcase %>
-</span>
+</span>

app/views/shared/_modal.html.erb

@@ -5,4 +5,4 @@
       <%= content %>
     </div>
   </dialog>
-<% end %>
+<% end %>

app/views/shared/_trend_change.html.erb

@@ -4,11 +4,11 @@
   <% if trend.direction.flat? %>
     <span>No change</span>
   <% else %>
-    <span>
+    <span class="font-mono">
       <%= trend.value.is_a?(Money) ? format_money(trend.value) : trend.value.round(2) %>
     </span>
     <% unless trend.percent.infinite? %>
-      <span>(<%= lucide_icon(trend.icon, class: "w-4 h-4 align-text-bottom inline") %><%= trend.percent_formatted %>)</span>
+      <span class="font-mono">(<%= lucide_icon(trend.icon, class: "w-4 h-4 align-text-bottom inline") %><%= trend.percent_formatted %>)</span>
     <% end %>
   <% end %>
 </p>