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/pages/dashboard.html.erb

@@ -1,7 +1,7 @@
 <% content_for :page_header do %>
   <div class="space-y-1 mb-6">
     <h1 class="text-3xl font-medium text-gray-900">Welcome back, <%= Current.user.first_name %></h1>
-    <p class="text-gray-500">Here's what's happening with your money this week</p>
+    <p class="text-gray-500">Here's what's happening with your finances</p>
   </div>
 <% end %>
 

app/views/pages/dashboard/_balance_sheet.html.erb

@@ -17,7 +17,7 @@
               <div class="flex items-center gap-2 text-sm">
                 <div class="h-2.5 w-2.5 rounded-full" style="background-color: <%= account_group.color %>;"></div>
                 <p class="text-secondary"><%= account_group.name %></p>
-                <p class="text-black"><%= number_to_percentage(account_group.weight, precision: 0) %></p>
+                <p class="text-black font-mono"><%= number_to_percentage(account_group.weight, precision: 0) %></p>
               </div>
             <% end %>
           </div>

app/views/pages/dashboard/_net_worth_chart.html.erb

@@ -1,10 +1,10 @@
 <%# locals: (series:, period:) %>
 
-<div class="flex justify-between p-4">
+<div class="flex justify-between gap-4 px-4">
   <div class="space-y-2">
     <div class="space-y-2">
       <p class="text-sm text-secondary font-medium">Net Worth</p>
-      <p class="text-primary -space-x-0.5 text-xl font-medium">
+      <p class="text-primary -space-x-0.5 text-3xl font-medium">
         <%= series.current.format %>
       </p>
       <% if series.trend.nil? %>