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/settings/securities/show.html.erb

@@ -1,30 +1,26 @@
-<% content_for :sidebar do %>
-  <%= render "settings/nav" %>
-<% end %>
+<%= content_for :page_title, t(".page_title") %>
 
-<div class="space-y-4">
-  <h1 class="text-primary text-xl font-medium mb-4"><%= t(".page_title") %></h1>
-  <%= settings_section title: t(".mfa_title"), subtitle: t(".mfa_description") do %>
-    <div class="space-y-4">
-      <div class="p-3 shadow-xs bg-white border border-secondary rounded-lg flex justify-between items-center">
-        <div class="flex items-center gap-3">
-          <div class="w-9 h-9 rounded-full bg-gray-25 flex justify-center items-center">
-            <%= lucide_icon "shield-check", class: "w-5 h-5 text-secondary" %>
-          </div>
-
-          <div class="text-sm space-y-1">
-            <% if Current.user.otp_required? %>
-              <p class="text-primary">Two-factor authentication is <span class="font-medium text-green-600">enabled</span></p>
-              <p class="text-secondary">Your account is protected with an additional layer of security.</p>
-            <% else %>
-              <p class="text-primary">Two-factor authentication is <span class="font-medium text-red-600">disabled</span></p>
-              <p class="text-secondary">Enable 2FA to add an extra layer of security to your account.</p>
-            <% end %>
-          </div>
+<%= settings_section title: t(".mfa_title"), subtitle: t(".mfa_description") do %>
+  <div class="space-y-4">
+    <div class="p-3 shadow-border-xs bg-white rounded-lg flex justify-between items-center">
+      <div class="flex items-center gap-3">
+        <div class="w-9 h-9 rounded-full bg-gray-25 flex justify-center items-center">
+          <%= lucide_icon "shield-check", class: "w-5 h-5 text-secondary" %>
         </div>
 
-        <% if Current.user.otp_required? %>
-          <%= button_to t(".disable_mfa"), disable_mfa_path, 
+        <div class="text-sm space-y-1">
+          <% if Current.user.otp_required? %>
+            <p class="text-primary">Two-factor authentication is <span class="font-medium text-green-600">enabled</span></p>
+            <p class="text-secondary">Your account is protected with an additional layer of security.</p>
+          <% else %>
+            <p class="text-primary">Two-factor authentication is <span class="font-medium text-red-600">disabled</span></p>
+            <p class="text-secondary">Enable 2FA to add an extra layer of security to your account.</p>
+          <% end %>
+        </div>
+      </div>
+
+      <% if Current.user.otp_required? %>
+        <%= button_to t(".disable_mfa"), disable_mfa_path,
             method: :delete,
             class: "btn btn--secondary flex items-center gap-1",
             data: { turbo_confirm: {
@@ -33,13 +29,10 @@
               accept: t(".disable_mfa"),
               acceptClass: "w-full bg-red-500 text-white rounded-xl text-center p-[10px] border mb-2"
             } } %>
-        <% else %>
-          <%= link_to t(".enable_mfa"), new_mfa_path,
+      <% else %>
+        <%= link_to t(".enable_mfa"), new_mfa_path,
             class: "btn btn--primary flex items-center gap-1" %>
-        <% end %>
-      </div>
+      <% end %>
     </div>
-  <% end %>
-
-  <%= settings_nav_footer %>
-</div>
+  </div>
+<% end %>