fix(layout): remove all height constraints to allow natural content flow

SUMMARY:
Removed all max-height and overflow constraints that were cutting off content.
This allows both buttons to display naturally without scrolling or clipping.

CHANGES:
- Removed max-h-[600px]
- Removed overflow-y-auto
- Container now expands to fit all content naturally

This is the simplest solution - no height constraints, natural flow.

🤖 Generated with Claude Code (https://claude.com/claude-code)

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

.claude/metrics/hooks-metrics.json

@@ -4836,6 +4836,13 @@
       "file": "/home/theflow/projects/tractatus/public/architecture.html",
       "result": "passed",
       "reason": null
+    },
+    {
+      "hook": "validate-file-edit",
+      "timestamp": "2025-10-19T19:55:57.771Z",
+      "file": "/home/theflow/projects/tractatus/public/architecture.html",
+      "result": "passed",
+      "reason": null
     }
   ],
   "blocks": [
@@ -5099,9 +5106,9 @@
     }
   ],
   "session_stats": {
-    "total_edit_hooks": 501,
+    "total_edit_hooks": 502,
     "total_edit_blocks": 36,
-    "last_updated": "2025-10-19T19:53:11.922Z",
+    "last_updated": "2025-10-19T19:55:57.771Z",
     "total_write_hooks": 190,
     "total_write_blocks": 7
   }

public/architecture.html

@@ -372,12 +372,12 @@
 
       <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
         <!-- Context Pressure Monitor Visualization -->
-        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 max-h-[600px] overflow-y-auto">
+        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200">
           <div id="pressure-chart" class="w-full"></div>
         </div>
 
         <!-- Framework Activity Timeline -->
-        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 max-h-[600px] overflow-y-auto">
+        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200">
           <div id="activity-timeline" class="w-full"></div>
         </div>
       </div>