Add auto-reload component

Author: adrw

service/src/main/kotlin/app/cash/backfila/ui/components/AutoReload.kt

@@ -0,0 +1,17 @@
+package app.cash.backfila.ui.components
+
+import kotlinx.html.TagConsumer
+import kotlinx.html.div
+
+// TODO
+//   Currently this reloads the whole page every 10s
+//   We want to ideally only update within a turbo frame so the rest of the UI is stable
+//     (ie. update form for backfill show page)
+fun TagConsumer<*>.AutoReload(block: TagConsumer<*>.() -> Unit) {
+  div {
+    attributes["data-controller"] = "auto-reload"
+    attributes["data-auto-reload-target"] = "frame"
+
+    block()
+  }
+}

service/src/main/kotlin/app/cash/backfila/ui/components/DashboardPageLayout.kt

@@ -107,6 +107,7 @@ class DashboardPageLayout @Inject constructor(
           ) {
             div("py-10") {
               main {
+                // TODO maybe make max-w wider
                 div("mx-auto max-w-7xl sm:px-6 lg:px-8") {
                   // TODO remove when new UI is stable and preferred
                   UseOldUIAlert()