Merge branch 'main' into latest-activity

* main: (27 commits)
  Leave some space for the tray
  Let's not assume it's a due date
  Avoid overlap
  Let's try without the big drag button, extend beyond the column a touch
  Tighten labels
  Match notification dot
  Spacing
  Add more context
  Avoid leaving the tray open
  This shouldn't be here
  Paginate the read notifications
  Add a test case
  Split up a big view
  Allow filtering by stage
  Send beacon request on disconnect as well
  Wire up notifications "Mark all as read" button
  Add unread dot
  Set state for when there are no new notifications
  Move to right side, smooth transition
  Open tray on click, stub mark-as-read button
  ...

app/javascript/controllers/beacon_controller.js

@@ -7,4 +7,8 @@ export default class extends Controller {
   connect() {
     post(this.urlValue, { responseKind: "turbo-stream" })
   }
+
+  disconnect() {
+    post(this.urlValue, { responseKind: "turbo-stream" })
+  }
 }

app/javascript/controllers/dialog_controller.js

@@ -26,6 +26,7 @@ export default class extends Controller {
 
   close() {
     this.dialogTarget.close()
+    this.dialogTarget.blur()
   }
 
   closeOnClickOutside({ target }) {