[Desktop] Startup maintenance screen (#2253)

Co-authored-by: github-actions <github-actions@github.com>

src/utils/refUtil.ts

@@ -0,0 +1,29 @@
+import { useTimeout } from '@vueuse/core'
+import { type Ref, computed, ref, watch } from 'vue'
+
+/**
+ * Vue boolean ref (writable computed) with one difference: when set to `true` it stays that way for at least {@link minDuration}.
+ * If set to `false` before {@link minDuration} has passed, it uses a timer to delay the change.
+ * @param value The default value to set on this ref
+ * @param minDuration The minimum time that this ref must be `true` for
+ * @returns A custom boolean vue ref with a minimum activation time
+ */
+export function useMinLoadingDurationRef(
+  value: Ref<boolean>,
+  minDuration = 250
+) {
+  const current = ref(value.value)
+
+  const { ready, start } = useTimeout(minDuration, {
+    controls: true,
+    immediate: false
+  })
+
+  watch(value, (newValue) => {
+    if (newValue && !current.value) start()
+
+    current.value = newValue
+  })
+
+  return computed(() => current.value || !ready.value)
+}