feat: add new animation to transactions action bar

app/templates/cotton/ui/transactions_action_bar.html

@@ -2,7 +2,9 @@
 <div class="tw-sticky tw-bottom-4 tw-left-0 tw-right-0 tw-z-50 tw-hidden mx-auto tw-w-fit" id="actions-bar"
      _="on change from #transactions-list or htmx:afterSettle from window
           if no <input[type='checkbox']:checked/> in #transactions-list
-            add .tw-hidden to #actions-bar
+            add .slide-in-bottom-reverse then settle
+            then add .tw-hidden to #actions-bar
+            then remove .slide-in-bottom-reverse
           else
             remove .tw-hidden from #actions-bar
             then trigger selected_transactions_updated
@@ -10,6 +12,7 @@
         end">
   <div class="card slide-in-left">
     <div class="card-body p-2">
+  <div class="card slide-in-bottom">
       {% spaceless %}
         <div class="btn-group" role="group">
           <button class="btn btn-secondary btn-sm"