feat: add empty state UI for service list

Author: Baluduvamsi2006

src/locales/en/common.json

@@ -329,7 +329,9 @@
     "singular": "Secret"
   },
   "services": {
-    "singular": "Service"
+    "singular": "Service",
+    "empty": "No services found. Click Add Service to create your first one."
+
   },
   "settings": {
     "adminKey": "Admin Key",

src/routes/services/index.tsx

@@ -17,6 +17,7 @@
 import type { ProColumns } from '@ant-design/pro-components';
 import { ProTable } from '@ant-design/pro-components';
 import { createFileRoute } from '@tanstack/react-router';
+import { Empty } from 'antd';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -91,6 +92,15 @@ const ServiceList = () => {
   return (
     <AntdConfigProvider>
       <ProTable
+      locale={{
+  emptyText: (
+    <Empty
+      description={t('services.empty')}
+      image={Empty.PRESENTED_IMAGE_SIMPLE}
+    />
+  ),
+}}
+
         columns={columns}
         dataSource={data.list}
         rowKey="id"