chore: better margin for host modal adress and port row

Author: x0sina

dashboard/src/components/dialogs/host-modal.tsx

@@ -727,8 +727,8 @@ const HostModal: React.FC<HostModalProps> = ({ isDialogOpen, onOpenChange, onSub
                 )}
               />
 
-              <div className="flex justify-between gap-4">
-                <div className="min-h-[100px] flex-[2]">
+              <div className="flex justify-between gap-4 !mb-4">
+                <div className="flex-[2]">
                   <FormField
                     control={form.control}
                     name="address"
@@ -739,7 +739,7 @@ const HostModal: React.FC<HostModalProps> = ({ isDialogOpen, onOpenChange, onSub
                     }}
                   />
                 </div>
-                <div className="min-h-[110px] flex-1">
+                <div className="flex-1">
                   <FormField
                     control={form.control}
                     name="port"

dashboard/src/components/statistics/Statistics.tsx renamed to dashboard/src/components/statistics/statistics-charts.tsx

@@ -9,15 +9,15 @@ import SystemStatisticsSection from './system-statistics-section'
 import { AllNodesStackedBarChart } from '../charts/all-nodes-stacked-bar-chart'
 import { AreaCostumeChart } from '../charts/area-costume-chart'
 
-interface StatisticsProps {
+interface StatisticsChartsProps {
   data?: SystemStats
   isLoading: boolean
   error: any
   selectedServer: string
   is_sudo: boolean
 }
 
-export default function Statistics({ data, isLoading, error, selectedServer, is_sudo }: StatisticsProps) {
+export default function StatisticsCharts({ data, isLoading, error, selectedServer, is_sudo }: StatisticsChartsProps) {
   const { t } = useTranslation()
 
   // Add state for chart refresh

dashboard/src/pages/_dashboard.statistics.tsx

@@ -1,5 +1,5 @@
 import PageHeader from '@/components/layout/page-header'
-import MainContent from '@/components/statistics/statistics'
+import MainContent from '@/components/statistics/statistics-charts'
 import { Separator } from '@/components/ui/separator'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { getGetSystemStatsQueryKey, getSystemStats, useGetNodes, NodeResponse } from '@/service/api'

dashboard/src/pages/_dashboard.users.tsx

@@ -3,7 +3,6 @@ import { Separator } from '@/components/ui/separator'
 import UsersTable from '@/components/users/users-table'
 import UsersStatistics from '@/components/users/users-statistics'
 import { Plus } from 'lucide-react'
-
 import UserModal from '@/components/dialogs/user-modal'
 import { DEFAULT_SHADOWSOCKS_METHOD } from '@/constants/Proxies'
 import { useQueryClient } from '@tanstack/react-query'