try using copilot readable in dojo

Author: ranst91

apps/dojo/src/app/[integrationId]/feature/agentic_chat/page.tsx

@@ -5,6 +5,8 @@ import "./style.css";
 import {
   CopilotKit,
   useFrontendTool,
+  useHumanInTheLoop,
+  useCopilotReadable,
 } from "@copilotkit/react-core";
 import { CopilotChat } from "@copilotkit/react-ui";
 
@@ -32,6 +34,10 @@ const AgenticChat: React.FC<AgenticChatProps> = ({ params }) => {
 const Chat = () => {
   const [background, setBackground] = useState<string>("--copilot-kit-background-color");
 
+  useCopilotReadable({
+    description: 'Name of the user',
+    value: 'Bob'
+  })
   useFrontendTool({
     name: "change_background",
     description: