fix: tooltips mixed content in app status

src/client/components/AppStatus/AppStatus.tsx

@@ -14,12 +14,8 @@ export const AppStatus: React.FC<{ status: AppTypes.AppStatus; lite?: boolean }>
 
   return (
     <>
-      {lite && (
-        <Tooltip anchorSelect=".appStatus" place="top">
-          {formattedStatus}
-        </Tooltip>
-      )}
-      <div className="appStatus d-flex align-items-center">
+      {lite && <Tooltip id={formattedStatus} anchorSelect=".appStatus" place="top" />}
+      <div data-tooltip-content={formattedStatus} data-tooltip-id={formattedStatus} className="appStatus d-flex align-items-center">
         <span className={classes} />
         {!lite && <span className={clsx(styles.text, 'ms-2 text-muted')}>{formattedStatus}</span>}
       </div>