build: change loading behaviour to fix tests

repo summary loading spinner caused intermittant test failures

__snapshots__/repo-summary-card.test.js.snap

@@ -63,8 +63,10 @@ exports[`Repo/Summary/Card loading smoke-test 1`] = `
 <div class="card w-96 bg-neutral text-neutral-focus">
   <div class="card-body">
     <div class="text-center">
-      <span class="loading loading-spinner loading-lg text-base-100">
-      </span>
+      <div class="h-6 mt-1 mb-3 skeleton w-40">
+      </div>
+      <div class="h-4 mb-1 skeleton w-100">
+      </div>
     </div>
   </div>
 </div>

__snapshots__/repo-summary-list.test.js.snap

@@ -69,24 +69,30 @@ exports[`Repo/Summary/List Loading smoke-test 1`] = `
   <div class="card w-96 bg-neutral text-neutral-focus">
     <div class="card-body">
       <div class="text-center">
-        <span class="loading loading-spinner loading-lg text-base-100">
-        </span>
+        <div class="h-6 mt-1 mb-3 skeleton w-40">
+        </div>
+        <div class="h-4 mb-1 skeleton w-100">
+        </div>
       </div>
     </div>
   </div>
   <div class="card w-96 bg-neutral text-neutral-focus">
     <div class="card-body">
       <div class="text-center">
-        <span class="loading loading-spinner loading-lg text-base-100">
-        </span>
+        <div class="h-6 mt-1 mb-3 skeleton w-40">
+        </div>
+        <div class="h-4 mb-1 skeleton w-100">
+        </div>
       </div>
     </div>
   </div>
   <div class="card w-96 bg-neutral text-neutral-focus">
     <div class="card-body">
       <div class="text-center">
-        <span class="loading loading-spinner loading-lg text-base-100">
-        </span>
+        <div class="h-6 mt-1 mb-3 skeleton w-40">
+        </div>
+        <div class="h-4 mb-1 skeleton w-100">
+        </div>
       </div>
     </div>
   </div>
@@ -156,8 +162,10 @@ exports[`Repo/Summary/List Partially Loaded smoke-test 1`] = `
   <div class="card w-96 bg-neutral text-neutral-focus">
     <div class="card-body">
       <div class="text-center">
-        <span class="loading loading-spinner loading-lg text-base-100">
-        </span>
+        <div class="h-6 mt-1 mb-3 skeleton w-40">
+        </div>
+        <div class="h-4 mb-1 skeleton w-100">
+        </div>
       </div>
     </div>
   </div>

src/lib/components/RepoSummaryCard.svelte

@@ -34,7 +34,8 @@
   >
     <div class="card-body">
       <div class="text-center">
-        <span class="loading loading-spinner loading-lg text-base-100" />
+        <div class="h-6 mt-1 mb-3 skeleton w-40"></div>
+        <div class="h-4 mb-1 skeleton w-100"></div>
       </div>
     </div>
   </div>