chore(web): update ESLint configuration and improve component layouts

- Modified ESLint configuration to include additional global ignores for better linting control.
- Updated component layouts in the ReUI kit to use flexbox for improved spacing and alignment.
- Refactored the CertificatesPage to optimize chart data handling and state management.
- Enhanced DashboardPage with state management for current timestamp to streamline expiration checks.

Co-authored-by: Cursor <[email protected]>

apps/web/src/components/reui-kit/detail-panel.tsx

@@ -49,7 +49,7 @@ function DetailPanelHeader({
         </div>
         {actions ? <div className="shrink-0">{actions}</div> : null}
       </FrameHeader>
-      {children ? <FramePanel className="space-y-4">{children}</FramePanel> : null}
+      {children ? <FramePanel className="flex flex-col gap-4">{children}</FramePanel> : null}
     </Frame>
   )
 }
@@ -68,7 +68,7 @@ function DetailPanelMetrics({ cards }: { cards: DetailMetricCard[] }) {
                 </span>
               </div>
             </FrameHeader>
-            <FramePanel className="space-y-2">
+            <FramePanel className="flex flex-col gap-2">
               <p className="text-muted-foreground text-xs leading-relaxed">
                 {card.description}
               </p>

apps/web/src/components/reui-kit/ops-dashboard.tsx

@@ -51,7 +51,7 @@ function KpiCardItem({ card }: { card: OpsKpiCard }) {
           <h3 className="truncate text-sm leading-tight font-medium">{card.title}</h3>
         </div>
       </div>
-      <div className="mt-5 space-y-1.5">
+      <div className="mt-5 flex flex-col gap-1.5">
         <p className="text-muted-foreground text-sm leading-tight">
           {card.metricLabel}
         </p>

apps/web/src/components/reui-kit/settings-shell.tsx

@@ -48,7 +48,7 @@ export function SettingsShell({
 
   return (
     <PageShell>
-      <div className="w-full max-w-4xl space-y-6">
+      <div className="flex w-full max-w-4xl flex-col gap-6">
         <header className="px-1">
           <h1 className="text-xl font-semibold tracking-tight">{title}</h1>
           <p className="text-muted-foreground max-w-2xl text-sm leading-relaxed">