refactor: update configuration and enhance skeleton components for improved UI consistency

Modified .npmrc to set a new store directory. Updated eslint configuration to ignore additional paths. Adjusted tsconfig to exclude specific components and refined the SectionCardsSkeleton and AnalyticsDashboardSkeleton for better layout and loading states. Removed the deprecated DashboardQuickActions component to streamline the codebase.

apps/web/src/routes/_auth/dashboard.tsx

@@ -4,16 +4,15 @@ import { RefreshCw } from 'lucide-react'
 import { useState } from 'react'
 
 import { Button } from '@evobgp/ui/components/button'
-import { PanelCard } from '@/components/panel-card'
 import { Skeleton } from '@evobgp/ui/components/skeleton'
 
-import {
-  DashboardNetworkCapacityCard,
-  DashboardOperationsFlowCard,
-  DashboardPlatformCard,
-} from '@/components/analytics'
-import { DataGridCard } from '@/components/data-grid-shell'
-import { DashboardQuickActions } from '@/components/dashboard/dashboard-quick-actions'
+import { DashboardActivityTimeline } from '@/components/dashboard/dashboard-activity-timeline'
+import { DashboardFramePanel } from '@/components/dashboard/dashboard-frame-panel'
+import { DashboardKpiGrid } from '@/components/dashboard/dashboard-kpi-grid'
+import { DashboardModulesGrid } from '@/components/dashboard/dashboard-modules-grid'
+import { DashboardNetworkHealth } from '@/components/dashboard/dashboard-network-health'
+import { DashboardOperationsBreakdown } from '@/components/dashboard/dashboard-operations-breakdown'
+import { DashboardQuickLinks } from '@/components/dashboard/dashboard-quick-links'
 import { DashboardRecentJobsGrid } from '@/components/dashboard/dashboard-recent-jobs-grid'
 import { DashboardRecentRevisionsGrid } from '@/components/dashboard/dashboard-recent-revisions-grid'
 import { PageHeader } from '@/components/page-header'
@@ -89,51 +88,68 @@ function DashboardComponent() {
       {initialLoading ? (
         <AnalyticsDashboardSkeleton />
       ) : (
-        <div className="grid gap-4 lg:grid-cols-3 lg:items-start">
-          <DashboardPlatformCard
+        <>
+          <DashboardKpiGrid
             modules={modules}
             peers={peers}
             speakers={speakers}
             jobs={jobs}
-            revisions={revisions}
           />
-          <DashboardNetworkCapacityCard peers={peers} speakers={speakers} jobs={jobs} />
-          <DashboardOperationsFlowCard jobs={jobs} modules={modules} />
-        </div>
+
+          <div className="grid gap-4 xl:grid-cols-12 xl:items-start">
+            <div className="xl:col-span-8">
+              <DashboardModulesGrid modules={modules} isLoading={refreshing} />
+            </div>
+            <div className="xl:col-span-4">
+              <DashboardActivityTimeline
+                jobs={jobs}
+                revisions={revisions}
+                peers={peers}
+                speakers={speakers}
+              />
+            </div>
+          </div>
+
+          <div className="grid gap-4 lg:grid-cols-2">
+            <DashboardNetworkHealth peers={peers} speakers={speakers} jobs={jobs} />
+            <DashboardOperationsBreakdown jobs={jobs} modules={modules} />
+          </div>
+        </>
       )}
 
       <div className="grid gap-4 lg:grid-cols-2">
-        <DataGridCard
+        <DashboardFramePanel
           title="Недавние задачи"
           description="Последние фоновые операции"
           className="h-full"
         >
           {activityLoading ? (
-            <Skeleton className="m-3 h-24 w-auto" />
+            <Skeleton className="m-4 h-24 w-auto" />
           ) : (
             <DashboardRecentJobsGrid jobs={jobs.slice(0, 10)} nameById={nameById} isLoading={refreshing} />
           )}
-        </DataGridCard>
+        </DashboardFramePanel>
 
-        <DataGridCard
+        <DashboardFramePanel
           title="Последние ревизии"
           description="История конфигураций"
           className="h-full"
         >
           {activityLoading ? (
-            <Skeleton className="m-3 h-24 w-auto" />
+            <Skeleton className="m-4 h-24 w-auto" />
           ) : (
             <DashboardRecentRevisionsGrid revisions={revisions} isLoading={refreshing} />
           )}
-        </DataGridCard>
+        </DashboardFramePanel>
       </div>
 
-      <PanelCard
-        title="Быстрые действия"
-        description="Частые переходы к настройке и деплою"
-        footer={<DashboardQuickActions />}
-        footerClassName="gap-2 px-5 py-4"
-      />
+      <section className="space-y-3">
+        <div className="space-y-0.5">
+          <h2 className="text-sm font-semibold">Быстрые действия</h2>
+          <p className="text-muted-foreground text-sm">Частые переходы к настройке и деплою</p>
+        </div>
+        <DashboardQuickLinks />
+      </section>
     </div>
   )
 }