feat(widgets): redesign actor detail widget

Author: jmikitova

.mcp.json

@@ -0,0 +1,16 @@
+{
+    "mcpServers": {
+        "storybook": {
+            "type": "http",
+            "url": "http://localhost:6007/mcp"
+        },
+        "figma": {
+            "type": "http",
+            "url": "https://mcp.figma.com/mcp"
+        },
+        "notion": {
+            "type": "sse",
+            "url": "https://mcp.notion.com/sse"
+        }
+    }
+}

package-lock.json

@@ -13,6 +13,7 @@ body {
 
   /* Theme-aware brand colors */
   :root {
+    font-size: 10px;
     --color-code-orange: #FF6B00;
     --color-code-bg: rgba(13, 13, 13, 0.05);
     --color-code-text: #5d5d5d;

src/web/package-lock.json

@@ -3,7 +3,7 @@ import { useWidgetProps } from "../../hooks/use-widget-props";
 import { useWidgetState } from "../../hooks/use-widget-state";
 import { ActorSearchDetail } from "./ActorSearchDetail";
 import { WidgetLayout } from "../../components/layout/WidgetLayout";
-import { CardContainer, Heading, Message } from "@apify/ui-library";
+import { Badge, CardContainer, Heading, Message } from "@apify/ui-library";
 import { formatPricing } from "../../utils/formatting";
 import { ActorDetails, Actor } from "../../types";
 import { ActorCard } from "../../components/actor/ActorCard";
@@ -138,6 +138,7 @@ export const ActorSearch: React.FC = () => {
                                     <Heading type="titleM" mb="space16">
                                         Search results
                                     </Heading>
+                                    <Badge>Hello</Badge>
                                     {actors.map((actor: Actor, index: number) => (
                                         <CardContainer header="" mb="space16" key={actor.id}>
                                             <ActorCard