fix(components): update button loading state children

src/components/Button/PdapButton.vue

@@ -1,16 +1,14 @@
 <template>
 	<button :class="classes">
-		<component
-			:is="isLoading ? Spinner : $slots.default"
-			v-bind="isLoading ? loadingProps : undefined"
-		/>
+		<slot v-if="!isLoading" />
+		<Spinner v-if="isLoading" :show="isLoading" />
 	</button>
 </template>
 
 <script setup lang="ts">
 // Imports
 import { reactive } from 'vue';
-import Spinner from '../Spinner/PdapSpinner.vue';
+import { Spinner } from '../Spinner';
 
 // Types
 import { PdapButtonProps } from './types';
@@ -21,10 +19,6 @@ const props = withDefaults(defineProps<PdapButtonProps>(), {
 	isLoading: false,
 });
 
-const loadingProps = {
-	show: props.isLoading,
-};
-
 // CSS class map
 const classes = reactive({
 	'pdap-button': true,

src/components/Button/__snapshots__/button.spec.ts.snap

@@ -1,3 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Renders button component > Renders a button 1`] = `<button class="pdap-button pdap-button-primary">Button Content</button>`;
+exports[`Renders button component > Renders a button 1`] = `
+<button class="pdap-button pdap-button-primary">Button Content
+  <!--v-if-->
+</button>
+`;

src/components/QuickSearchForm/__snapshots__/quick-search-form.spec.ts.snap

@@ -27,7 +27,9 @@ exports[`QuickSearchForm component > Renders a QuickSearchForm 1`] = `
         <!--v-if-->
       </label>
     </div>
-    <button class="pdap-button pdap-button-primary flex-grow-0 flex-shrink-0 basis-full max-w-[unset] mt-4" type="submit">Search Data Sources</button>
+    <button class="pdap-button pdap-button-primary flex-grow-0 flex-shrink-0 basis-full max-w-[unset] mt-4" type="submit">Search Data Sources
+      <!--v-if-->
+    </button>
   </form>
   <p class="max-w-[unset] text-med"> For example, you could search for <a> stops in Pittsburgh </a> or <a> complaints everywhere </a> . </p>
 </div>