New Design System + Codebase Refresh (#1823)

Since the very first 0.1.0-alpha.1 release, we've been moving quickly to add new features to the Maybe app. In doing so, some parts of the codebase have become outdated, unnecessary, or overly-complex as a natural result of this feature prioritization.

Now that "core" Maybe is complete, we're moving into a second phase of development where we'll be working hard to improve the accuracy of existing features and build additional features on top of "core". This PR is a quick overhaul of the existing codebase aimed to:

- Establish the brand new and simplified dashboard view (pictured above)
- Establish and move towards the conventions introduced in Cursor rules and project design overview #1788
- Consolidate layouts and improve the performance of layout queries
- Organize the core models of the Maybe domain (i.e. Account::Entry, Account::Transaction, etc.) and break out specific traits of each model into dedicated concerns for better readability
- Remove stale / dead code from codebase
- Remove overly complex code paths in favor of simpler ones

app/views/onboardings/preferences.html.erb

@@ -9,7 +9,7 @@
       </div>
 
       <div class="p-1 bg-alpha-black-25 mb-2 rounded-lg">
-        <div class="bg-white p-4 rounded-lg flex gap-8 shadow-xs">
+        <div class="bg-white p-4 rounded-lg flex gap-8 shadow-border-xs">
           <div class="space-y-2">
             <%= tag.p t(".example"), class: "text-secondary text-sm" %>
             <%= tag.p "$2,323.25", class: "text-primary font-medium text-2xl" %>
@@ -38,13 +38,15 @@
             { date: Date.current, value: 265 }
           ] %>
 
+          <% placeholder_series = Series.from_raw_values(placeholder_series_data) %>
+
           <div class="flex items-center w-2/5">
             <div class="h-12 w-full">
               <div
                 id="previewChart"
                 class="h-full w-full"
                 data-controller="time-series-chart"
-                data-time-series-chart-data-value="<%= TimeSeries.new(placeholder_series_data).to_json %>"
+                data-time-series-chart-data-value="<%= placeholder_series.to_json %>"
                 data-time-series-chart-use-labels-value="false"
                 data-time-series-chart-use-tooltip-value="false"></div>
             </div>
@@ -84,5 +86,5 @@
     </div>
   </div>
 
-  <%= render "layouts/footer" %>
+  <%= render "layouts/shared/footer" %>
 </div>

app/views/onboardings/profile.html.erb

@@ -38,5 +38,5 @@
     </div>
   </div>
 
-  <%= render "layouts/footer" %>
+  <%= render "layouts/shared/footer" %>
 </div>