style(cli): adding loading animation when updating version (#8285)

Author: uinstinct

extensions/cli/src/ui/UpdateNotification.tsx

@@ -1,4 +1,4 @@
-import { Text } from "ink";
+import { Box, Text } from "ink";
 import React, { useMemo } from "react";
 
 import { useServices } from "../hooks/useService.js";
@@ -9,6 +9,7 @@ import {
 } from "../services/types.js";
 
 import { useTerminalSize } from "./hooks/useTerminalSize.js";
+import { LoadingAnimation } from "./LoadingAnimation.js";
 
 interface UpdateNotificationProps {
   isRemoteMode?: boolean;
@@ -48,6 +49,15 @@ const UpdateNotification: React.FC<UpdateNotificationProps> = ({
     return <Text color="cyan">◉ Remote Mode</Text>;
   }
 
+  if (services.update?.status === UpdateStatus.UPDATING) {
+    return (
+      <Box columnGap={1}>
+        <LoadingAnimation />
+        <Text color={color}>{`${text}`}</Text>
+      </Box>
+    );
+  }
+
   return <Text color={color}>{`◉ ${text}`}</Text>;
 };