ux: widen dashboard layout to max-w-7xl, consistent px-8 padding

apps/web/src/views/detail.ejs

@@ -1,7 +1,7 @@
 <%~ include('./partials/head', { title: 'Monitor', scripts: ['/dashboard/query-builder.js'] }) %>
 <%~ include('./partials/nav', { nav: 'monitors' }) %>
 
-<main class="max-w-4xl mx-auto px-6 py-8">
+<main class="max-w-7xl mx-auto px-8 py-8">
     <div class="mb-6">
       <a href="/dashboard/home" class="text-sm text-gray-500 hover:text-gray-300 transition-colors">&larr; Back</a>
     </div>

apps/web/src/views/home.ejs

@@ -2,7 +2,7 @@
 <%~ include('./partials/nav', { nav: 'monitors' }) %>
 
 <!-- Content -->
-  <main class="max-w-5xl mx-auto px-6 py-8">
+  <main class="max-w-7xl mx-auto px-8 py-8">
     <div class="flex items-center justify-between mb-6">
       <h2 class="text-lg font-semibold text-gray-200">Monitors</h2>
       <div class="flex items-center gap-4">

apps/web/src/views/partials/nav.ejs

@@ -1,4 +1,4 @@
-<nav class="border-b border-gray-800 px-6 py-4 flex items-center justify-between">
+<nav class="border-b border-gray-800 px-8 py-4 flex items-center justify-between">
   <a href="/dashboard/home" class="text-xl font-bold tracking-tight">Ping<span class="text-blue-400">QL</span></a>
   <div class="flex items-center gap-5 text-sm text-gray-500">
     <% if (it.nav === 'monitors') { %>

apps/web/src/views/settings.ejs

@@ -1,7 +1,7 @@
 <%~ include('./partials/head', { title: 'Settings' }) %>
 <%~ include('./partials/nav', { nav: 'settings' }) %>
 
-<main class="max-w-2xl mx-auto px-6 py-10 space-y-8">
+<main class="max-w-3xl mx-auto px-8 py-10 space-y-8">
 
     <h1 class="text-xl font-semibold text-white">Settings</h1>