Align agents and automation page structure, widths and spacings

- Remove invalid call to styles.main
- Remove unnecessary top padding above side pane to keep side pane at
  consistent position across web app
- Use same pageLayout styles and styling structure on agent like
  automation
- Vertically center automation section and page title on it's row
- Fix applying flex vs grid with tailwind

src/interface/web/app/agents/agents.module.css

@@ -16,16 +16,17 @@ div.agentPersonality {
     overflow: hidden;
 }
 
+div.pageLayout {
+    max-width: 60vw;
+    margin: auto;
+    margin-bottom: 2rem;
+}
+
 div.sidePanel {
     position: fixed;
     height: 100%;
 }
 
-div.pageLayout {
-    gap: 1rem;
-}
-
-
 button.infoButton {
     border: none;
     background-color: transparent !important;
@@ -55,6 +56,10 @@ div.agentList {
         grid-template-columns: 1fr;
     }
 
+    div.pageLayout {
+        max-width: 90vw;
+    }
+
     div.sidePanel {
         position: relative;
         height: 100%;