chore: fix last scale banner

We cannot always find the last (2) scale operations in order to render
the from and to container profile and sizes.  This change makes it so we
do not show inaccurate information to the user.

src/ui/pages/app-detail-service-scale.tsx

@@ -859,7 +859,7 @@ const LastScaleBanner = ({ serviceId }: { serviceId: string }) => {
   const prev = useSelector((s) =>
     selectPreviousServiceScale(s, { id: serviceId }),
   );
-  const neverScaled = current.status === "unknown";
+  const noScaleFound = current.status === "unknown";
   const currentComplete = current.status === "succeeded";
   const action = pollServiceOperations({ id: serviceId });
   const loader = useLoader(action);
@@ -868,23 +868,30 @@ const LastScaleBanner = ({ serviceId }: { serviceId: string }) => {
   const cancel = useMemo(() => cancelServicesOpsPoll(), []);
   usePoller({ action: poller, cancel });
 
+  let tail = getScaleText(current);
+  if (prev.id !== "") {
+    tail = `from ${getScaleText(prev)} to ${tail}`;
+  }
+
   if (loader.isInitialLoading) {
     return null;
   }
 
+  if (noScaleFound) {
+    return null;
+  }
+
+  if (!currentComplete) {
+    return (
+      <Banner variant="progress">
+        <strong>Scale in Progress</strong> {getScaleText(current)}
+      </Banner>
+    );
+  }
+
   return (
-    <Banner variant={currentComplete || neverScaled ? "info" : "progress"}>
-      {neverScaled ? (
-        "Never Scaled"
-      ) : (
-        <>
-          <strong>
-            {currentComplete ? "Last Scale" : "Scale in Progress"}:
-          </strong>{" "}
-          {prettyDateTime(current.createdAt)} from {getScaleText(prev)} to{" "}
-          {getScaleText(current)}
-        </>
-      )}
+    <Banner variant="info">
+      <strong>Last Scale</strong> {prettyDateTime(current.createdAt)} {tail}
     </Banner>
   );
 };