fix(budadmin): responsive log tree height and chart breakpoints

- Add responsive chart height breakpoints (180px-500px based on screen)
- Change log rows container from fixed 500px to calc(100vh-400px)
- Add min-h-[300px] to prevent too small on tiny screens

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: athul-ab

services/budadmin/src/pages/home/agentDetails/[agentId]/logs/index.tsx

@@ -2076,7 +2076,7 @@ const LogsTab: React.FC<LogsTabProps> = ({ promptName, promptId, projectId }) =>
         </div>
 
         {/* Chart */}
-        <div ref={chartRef} className="w-full h-[180px]" />
+        <div ref={chartRef} className="w-full h-[180px] 1680px:h-[250px] 1920px:h-[320px] 2048px:h-[400px] 2560px:h-[500px]" />
       </div>
 
       {/* Logs List Section */}
@@ -2155,7 +2155,7 @@ const LogsTab: React.FC<LogsTabProps> = ({ promptName, promptId, projectId }) =>
         <div className="relative">
 
           {/* Log Rows */}
-          <div className="max-h-[500px] overflow-auto">
+          <div className="max-h-[calc(100vh-400px)] min-h-[300px] overflow-auto">
             {isLoading ? (
               <div className="flex items-center justify-center py-12">
                 <Spin size="large" />