refactor(admin): dashboard block spacing & stats grid hairline

Move dashboard section spacing from root gap-6 to per-block mt-6 so each
block owns its own rhythm. Soften the stats grid hairline color and pad
the trailing empty tracks with panel-bg spacers to avoid the dark color
patch on incomplete rows.

Author: Innei

apps/admin/src/features/dashboard/components/DashboardRouteViewContent.tsx

@@ -245,7 +245,7 @@ export function DashboardRouteViewContent() {
   return (
     <Scroll
       className="h-full min-h-0 bg-white dark:bg-neutral-950"
-      innerClassName="flex flex-col gap-6 p-4"
+      innerClassName="flex flex-col p-4"
     >
       <div className="flex flex-wrap items-end justify-between gap-3">
         <div>
@@ -270,7 +270,7 @@ export function DashboardRouteViewContent() {
         </Button>
       </div>
 
-      <section className="grid gap-3 md:grid-cols-3">
+      <section className="mt-6 grid gap-3 md:grid-cols-3">
         <LiveCard
           icon={Radio}
           label={t('dashboard.live.online')}
@@ -290,6 +290,7 @@ export function DashboardRouteViewContent() {
       </section>
 
       <Panel
+        className="mt-6"
         description={t('dashboard.panel.quickActions.updatedAt', {
           time: updatedAt.toLocaleTimeString(),
         })}
@@ -331,8 +332,8 @@ export function DashboardRouteViewContent() {
         </div>
       </Panel>
 
-      <Panel title={t('dashboard.panel.stats.title')}>
-        <div className="grid gap-px bg-neutral-200 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-6 dark:bg-neutral-800">
+      <Panel className="mt-6" title={t('dashboard.panel.stats.title')}>
+        <div className="grid gap-px bg-neutral-100 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-6 dark:bg-neutral-800">
           <StatCell
             icon={File}
             label={t('dashboard.stat.pages')}
@@ -407,10 +408,17 @@ export function DashboardRouteViewContent() {
             onClick={() => navigate('/analyze')}
             value={stat.uv}
           />
+          {Array.from({ length: 5 }).map((_, i) => (
+            <div
+              aria-hidden="true"
+              className="bg-white dark:bg-neutral-950"
+              key={`stat-spacer-${i}`}
+            />
+          ))}
         </div>
       </Panel>
 
-      <section className="grid gap-4 xl:grid-cols-2">
+      <section className="mt-6 grid gap-4 xl:grid-cols-2">
         <BarPanel
           items={(trendQuery.data ?? []).map((item) => ({
             label: item.date,
@@ -437,7 +445,7 @@ export function DashboardRouteViewContent() {
         <TagCloudPanel tags={tagsQuery.data ?? []} />
       </section>
 
-      <Panel title={t('dashboard.panel.maintenance.title')}>
+      <Panel className="mt-6" title={t('dashboard.panel.maintenance.title')}>
         <div className="grid gap-px bg-neutral-200 sm:grid-cols-2 xl:grid-cols-3 dark:bg-neutral-800">
           <MaintenanceCard
             disabled={cleanCacheMutation.isPending}

apps/admin/src/features/dashboard/components/OwnerLoginStat.tsx

@@ -13,7 +13,7 @@ export function OwnerLoginStat(props: {
   if (!props.lastLoginIp && !props.lastLoginTime) return null
 
   return (
-    <div className="grid gap-2 border-t border-neutral-100 pt-4 text-sm text-neutral-500 sm:grid-cols-2 dark:border-neutral-800 dark:text-neutral-400">
+    <div className="grid gap-2 border-t border-neutral-100 py-4 text-sm text-neutral-500 sm:grid-cols-2 dark:border-neutral-800 dark:text-neutral-400">
       <div className="inline-flex min-w-0 items-center gap-2">
         <Shield
           aria-hidden="true"