improve update indicator style and also put on home screen

frontend/src/components/resources/stack/index.tsx

@@ -468,9 +468,9 @@ export const UpdateAvailable = ({
   return (
     <HoverCard openDelay={200}>
       <HoverCardTrigger asChild>
-        <Card
+        <div
           className={cn(
-            "border-blue-400 hover:border-blue-500 transition-colors cursor-pointer flex items-center gap-2",
+            "px-2 py-1 border rounded-md border-blue-400 hover:border-blue-500 opacity-50 hover:opacity-70 transition-colors cursor-pointer flex items-center gap-2",
             small ? "px-2 py-1" : "px-3 py-2"
           )}
         >
@@ -485,7 +485,7 @@ export const UpdateAvailable = ({
               Available
             </div>
           )}
-        </Card>
+        </div>
       </HoverCardTrigger>
       <HoverCardContent align="start" className="flex flex-col gap-2 w-fit">
         {info?.services

frontend/src/pages/home/dashboard.tsx

@@ -21,6 +21,8 @@ import { DataTable, SortableHeader } from "@ui/data-table";
 import { AlertTriangle, Box, Circle, History } from "lucide-react";
 import { PieChart } from "react-minimal-pie-chart";
 import { Link } from "react-router-dom";
+import { UpdateAvailable as StackUpdateAvailable } from "@components/resources/stack";
+import { UpdateAvailable as DeploymentUpdateAvailable } from "@components/resources/deployment";
 
 export const Dashboard = () => {
   const noResources = useNoResources();
@@ -143,10 +145,12 @@ const RecentCard = ({
       )}
     >
       <div className="flex items-center justify-between">
-        <div className="flex items-center gap-2 text-sm text-nowrap">
+        <div className="flex flex-wrap items-center gap-2 text-sm text-nowrap">
           <Components.Icon id={id} />
           <ResourceName type={type} id={id} />
         </div>
+        {type === "Deployment" && <DeploymentUpdateAvailable id={id} small />}
+        {type === "Stack" && <StackUpdateAvailable id={id} small />}
       </div>
       <div className="flex gap-2 w-full">
         <TagsWithBadge tag_ids={tags} />