Move workflow run loading store to it's own file so it can be imported (#985)

Author: Alex-Tideman

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@temporalio/ui",
-  "version": "2.1.92",
+  "version": "2.1.93",
   "type": "module",
   "description": "Temporal.io UI",
   "keywords": [

src/lib/layouts/workflow-run-layout.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { page } from '$app/stores';
-  import { workflowRun, loading } from '$lib/stores/workflow-run';
+  import { workflowRun } from '$lib/stores/workflow-run';
+  import { loading } from '$lib/stores/workflow-run-loading';
   import { timelineEvents } from '$lib/stores/events';
 
   import Header from '$lib/layouts/workflow-header.svelte';

src/lib/stores/workflow-run-loading.ts

@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+
+export const loading = writable(true);

src/lib/stores/workflow-run.ts

@@ -9,6 +9,7 @@ import type { GetPollersResponse } from '$lib/services/pollers-service';
 import { decodeURIForSvelte } from '$lib/utilities/encode-uri';
 import { toDecodedPendingActivities } from '$lib/models/pending-activities';
 import { authUser } from '$lib/stores/auth-user';
+import { loading } from '$lib/stores/workflow-run-loading';
 
 export const refresh = writable(0);
 const namespace = derived([page], ([$page]) => $page.params.namespace);
@@ -73,7 +74,6 @@ const updateWorkflowRun: StartStopNotifier<{
 };
 
 export const updating = writable(true);
-export const loading = writable(true);
 export const workflowRun = readable<WorkflowRunStore>(
   initialWorkflowRun,
   updateWorkflowRun,

src/routes/namespaces/[namespace]/workflows/[workflow]/[run]/[email protected]

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
-  import { loading } from '$lib/stores/workflow-run';
+  import { loading } from '$lib/stores/workflow-run-loading';
   import { clearPreviousEventParameters } from '$lib/stores/previous-events';
 
   onDestroy(() => {