Standardize corners, backgrounds, and borders (#2271)

* Create shared ruler view

* Use collection rendering/spacer templates for rules, and new shared_ruler

* Use shared ruler for all the places a ruler is used

* Use shared ruler for imports and balance sheet

* Fix brakeman by using a static partial with a defined collection

* Standardize & improve a bunch of corners, fix some backgrounds, fix merchants for dark mode

* Update balance sheet

* misc cleanup

* Fix import table

* Remove middot

app/views/accounts/show/_activity.html.erb

@@ -75,16 +75,14 @@
         </div>
 
         <div>
-          <div class="rounded-tl-lg rounded-tr-lg bg-container border-alpha-black-25 shadow-xs">
-            <div class="space-y-4">
-              <% calculator = Balance::TrendCalculator.new(@account.balances) %>
+          <div class="space-y-4">
+            <% calculator = Balance::TrendCalculator.new(@account.balances) %>
 
-              <%= entries_by_date(@entries) do |entries| %>
-                <% entries.each_with_index do |entry, index| %>
-                  <%= render entry, balance_trend: index == 0 ? calculator.trend_for(entry.date) : nil, view_ctx: "account" %>
-                <% end %>
+            <%= entries_by_date(@entries) do |entries| %>
+              <% entries.each_with_index do |entry, index| %>
+                <%= render entry, balance_trend: index == 0 ? calculator.trend_for(entry.date) : nil, view_ctx: "account" %>
               <% end %>
-            </div>
+            <% end %>
           </div>
 
           <div class="p-4 bg-container rounded-bl-lg rounded-br-lg">