feat(admin): Control Center redesign, Explore dual-view и полный RU/EN i18n

Refs EventHub/EventHubFrontAdmin#32

src/components/DailyLineChartCard.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Card, Col } from 'antd';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { DayCount } from '../types/api';
 import AreaTrendChart from './AreaTrendChart';
 
@@ -7,10 +7,10 @@ interface Props {
     title: string;
     data?: DayCount[];
     color: string;
-    lg?: number;
+    className?: string;
 }
 
-const DailyLineChartCard: React.FC<Props> = ({ title, data, color, lg = 12 }) => {
+const DailyLineChartCard: React.FC<Props> = ({ title, data, color, className }) => {
     const chartData = (data ?? []).map((item) => ({
         date: item.date,
         count: item.count,
@@ -21,17 +21,20 @@ const DailyLineChartCard: React.FC<Props> = ({ title, data, color, lg = 12 }) =>
     }
 
     return (
-        <Col xs={24} lg={lg}>
-            <Card title={title}>
+        <Card className={className}>
+            <CardHeader>
+                <CardTitle className="text-base">{title}</CardTitle>
+            </CardHeader>
+            <CardContent>
                 <AreaTrendChart
                     data={chartData}
                     xKey="date"
                     series={[{ key: 'count', color, name: title }]}
-                    height={300}
+                    height={280}
                     yAllowDecimals={false}
                 />
-            </Card>
-        </Col>
+            </CardContent>
+        </Card>
     );
 };