UI/install: add loading animation

pkgs/clan-app/ui/src/workflows/Install/steps/installSteps.tsx

@@ -29,6 +29,7 @@ import {
 import { useClanURI } from "@/src/hooks/clan";
 import { useApiClient } from "@/src/hooks/ApiClient";
 import { ProcessMessage, useNotifyOrigin } from "@/src/hooks/notify";
+import { Loader } from "@/src/components/Loader/Loader";
 
 export const InstallHeader = (props: { machineName: string }) => {
   return (
@@ -157,6 +158,7 @@ const CheckHardware = () => {
                 Hardware Report
               </Typography>
               <Button
+                disabled={hardwareQuery.isLoading}
                 hierarchy="secondary"
                 startIcon="Report"
                 onClick={handleUpdateSummary}
@@ -165,7 +167,17 @@ const CheckHardware = () => {
               </Button>
             </Orienter>
             <Divider orientation="horizontal" />
-            <Show when={hardwareQuery.isLoading}>Loading...</Show>
+            <Show when={hardwareQuery.isLoading}>
+              <Typography
+                hierarchy="label"
+                size="s"
+                color="secondary"
+                class="flex gap-4 w-full justify-end items-center"
+              >
+                <Loader />
+                Loading
+              </Typography>
+            </Show>
             <Show when={hardwareQuery.data}>
               {(d) => (
                 <Alert