Merge pull request ag-ui-protocol#304 from ag-ui-protocol/chore/fix-demos-scroll

chore: fix scroll on shared state demo

Author: ranst91

typescript-sdk/apps/dojo/src/app/[integrationId]/feature/layout.tsx

@@ -55,5 +55,5 @@ export default function FeatureLayout({ children, params }: Props) {
     }
   }, [children, codeFiles, readme, view])
 
-  return <div className="bg-white rounded-lg overflow-hidden w-full h-full">{content}</div>;
+  return <div className="bg-white rounded-lg w-full h-full">{content}</div>;
 }

typescript-sdk/apps/dojo/src/app/[integrationId]/feature/shared_state/page.tsx

@@ -213,6 +213,7 @@ const INITIAL_STATE: RecipeAgentState = {
 };
 
 function Recipe() {
+  const { isMobile } = useMobileView();
   const { state: agentState, setState: setAgentState } = useCoAgent<RecipeAgentState>({
     name: "shared_state",
     initialState: INITIAL_STATE,
@@ -368,6 +369,7 @@ function Recipe() {
   return (
     <form 
     data-testid="recipe-card"
+    style={isMobile ? { marginBottom: "100px" } : {}}
     className="recipe-card">
       {/* Recipe Title */}
       <div className="recipe-header">