blockLoading of near to me card until stores have been read

src/lib/cards/NearToMeCard.svelte

@@ -15,6 +15,7 @@
 
     let errorMessage: string;
     let stations: NearestStationResponse[] = [];
+    let blockLoading: boolean = true;
 
     let config: CardConfig = {
         title: "Near to Me",
@@ -58,28 +59,33 @@
                 getNearestStations();
             }
         }
+        blockLoading = false;
     });
 </script>
 
 <Card {config}>
-    {#if !$uuid || $uuid === "null"}
+    {#if blockLoading}
-        <LinkButton text="Register to use this feature" link="/more/reg" />
+        <InLineLoading />
-    {:else if $location}
+    {:else}
-        {#if !stations.length}
+        {#if !$uuid || $uuid === "null"}
-            {#if errorMessage}
+            <LinkButton text="Register to use this feature" link="/more/reg" />
-                <p>{errorMessage}</p>
+        {:else if $location}
+            {#if !stations.length}
+                {#if errorMessage}
+                    <p>{errorMessage}</p>
+                {:else}
+                    <InLineLoading />
+            {/if}
             {:else}
-                <InLineLoading />
+                <div id="buttons">
+                    {#each stations as station}
+                        <LinkButton text={`${station.NLCDESC} - ${station.miles}mi`} link={`/ldb?station=${station["3ALPHA"]}`} />
+                    {/each}
+                </div>
             {/if}
         {:else}
-            <div id="buttons">
+            <ScriptButton text={"Turn on Location"} fn={turnOnLocation} />
-                {#each stations as station}
-                    <LinkButton text={`${station.NLCDESC} - ${station.miles}mi`} link={`/ldb?station=${station["3ALPHA"]}`} />
-                {/each}
-            </div>
         {/if}
-    {:else}
-        <ScriptButton text={"Turn on Location"} fn={turnOnLocation} />
     {/if}
 </Card>