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/account/entries/_entry.html.erb

@@ -1,5 +1,4 @@
-<%# locals: (entry:, selectable: true, balance_trend: nil) %>
+<%# locals: (entry:, balance_trend: nil, view_ctx: "global") %>
 
-<%= turbo_frame_tag dom_id(entry) do %>
-  <%= render partial: entry.entryable.to_partial_path, locals: { entry:, selectable:, balance_trend: } %>
-<% end %>
+<%= render partial: entry.entryable.to_partial_path,
+           locals: { entry: entry, balance_trend: balance_trend, view_ctx: view_ctx } %>

app/views/account/entries/_entry_group.html.erb

@@ -1,13 +1,12 @@
-<%# locals: (date:, entries:, content:, selectable:, totals: false) %>
+<%# locals: (date:, entries:, content:, totals: false) %>
+
 <div id="entry-group-<%= date %>" class="bg-gray-25 rounded-xl p-1 w-full" data-bulk-select-target="group">
   <div class="py-2 px-4 flex items-center justify-between font-medium text-xs text-secondary">
     <div class="flex pl-0.5 items-center gap-4">
-      <% if selectable %>
         <%= check_box_tag "#{date}_entries_selection",
                           class: ["checkbox checkbox--light", "hidden": entries.size == 0],
                           id: "selection_entry_#{date}",
                           data: { action: "bulk-select#toggleGroupSelection" } %>
-      <% end %>
 
       <p class="uppercase space-x-1.5">
         <%= tag.span I18n.l(date, format: :long) %>
@@ -22,7 +21,7 @@
       </div>
     <% end %>
   </div>
-  <div class="bg-white shadow-xs rounded-md border border-alpha-black-25 divide-y divide-alpha-black-50">
+  <div class="bg-white shadow-border-xs rounded-md divide-y divide-alpha-black-50">
     <%= content %>
   </div>
 </div>

app/views/account/entries/_loading.html.erb

@@ -1,4 +1,4 @@
-<div class="bg-white space-y-4 p-5 border border-alpha-black-25 rounded-xl shadow-xs">
+<div class="bg-white space-y-4 p-5 shadow-border-xs rounded-xl">
   <div class="p-5 flex justify-center items-center">
     <%= tag.p t(".loading"), class: "text-secondary animate-pulse text-sm" %>
   </div>