fix(web): standardize padding across various pages

packages/web/src/components/main-container/index.vue

@@ -40,10 +40,7 @@
         {{ currentPageTitle }}
       </h1>
       <ScrollArea class="absolute! inset-0">
-        <router-view
-          v-slot="{ Component }"
-          class="p-4"
-        >
+        <router-view v-slot="{ Component }">
           <KeepAlive>
             <component :is="Component" />
           </KeepAlive>

packages/web/src/pages/bots/detail.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="p-6 max-w-7xl mx-auto">
+  <section class="p-4 max-w-7xl mx-auto">
     <!-- Header -->
     <div class="flex items-center gap-4 mb-8">
       <div

packages/web/src/pages/bots/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="p-6 max-w-7xl mx-auto">
+  <section class="p-4 max-w-7xl mx-auto">
     <!-- Header: search + create -->
     <div class="flex items-center justify-between mb-6">
       <h2 class="text-xl font-semibold tracking-tight">
@@ -93,18 +93,18 @@ const hasPendingBots = computed(() =>
 let pollTimer: ReturnType<typeof setInterval> | null = null
 
 watch(hasPendingBots, (pending) => {
-  if (pending) {
-    if (pollTimer == null) {
-      pollTimer = setInterval(() => {
-        queryCache.invalidateQueries({ key: getBotsQueryKey() })
-      }, 2000)
+    if (pending) {
+      if (pollTimer == null) {
+        pollTimer = setInterval(() => {
+          queryCache.invalidateQueries({ key: getBotsQueryKey() })
+        }, 2000)
+      }
+      return
+    }
+    if (pollTimer != null) {
+      clearInterval(pollTimer)
+      pollTimer = null
     }
-    return
-  }
-  if (pollTimer != null) {
-    clearInterval(pollTimer)
-    pollTimer = null
-  }
 }, { immediate: true })
 
 onUnmounted(() => {

packages/web/src/pages/chat/components/bot-sidebar.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="w-56 shrink-0 border-r flex flex-col h-full">
-    <div class="p-3 border-b">
+    <div class="p-4 border-b">
       <p class="text-sm font-semibold text-muted-foreground uppercase tracking-wide">
         {{ $t('sidebar.bots') }}
       </p>

packages/web/src/pages/home/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <section>
+  <section class="p-4">
     <h1>{{ $t('home.title') }}</h1>
   </section>
 </template>

packages/web/src/pages/login/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <main class="w-screen h-screen flex *:m-auto bg-background relative">
+  <main class="w-screen h-screen flex *:m-auto bg-background relative p-4">
     <header class="absolute top-6 right-6 flex items-center gap-2">
       <Select
         :model-value="language"

packages/web/src/pages/platform/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <section>
+  <section class="p-4">
     <AddPlatform v-model:open="open" />
 
     <menu class="grid grid-cols-4 gap-4 [&_li>*]:h-full">

packages/web/src/pages/settings/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="h-full max-w-7xl mx-auto p-6">
+  <section class="h-full max-w-7xl mx-auto p-4">
     <div class="max-w-3xl mx-auto space-y-8">
       <!-- Avatar & name -->
       <div class="flex items-center gap-4">