updated monitoring page

autogpt_platform/frontend/src/app/monitoring/page.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect, useState, useMemo, useCallback } from "react";
 
 import AutoGPTServerAPI, {
@@ -84,7 +86,7 @@ const Monitor = () => {
 
   return (
     <div
-      className="grid grid-cols-1 gap-4 md:grid-cols-5 lg:grid-cols-4 xl:grid-cols-10"
+      className="h-full w-screen px-8 grid grid-cols-1 gap-4 md:grid-cols-5 lg:grid-cols-4 xl:grid-cols-10"
       data-testid="monitor-page"
     >
       <AgentFlowList