Fix: Added styles for empty states on the page. #10703 (#11588)

### What problem does this PR solve?

Fix: Added styles for empty states on the page.
### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/empty/constant.tsx

@@ -0,0 +1,33 @@
+import { t } from 'i18next';
+import { HomeIcon } from '../svg-icon';
+
+export enum EmptyType {
+  Data = 'data',
+  SearchData = 'search-data',
+}
+
+export enum EmptyCardType {
+  Agent = 'agent',
+  Dataset = 'dataset',
+  Chat = 'chat',
+  Search = 'search',
+}
+
+export const EmptyCardData = {
+  [EmptyCardType.Agent]: {
+    icon: <HomeIcon name="agents" width={'24'} />,
+    title: t('empty.agentTitle'),
+  },
+  [EmptyCardType.Dataset]: {
+    icon: <HomeIcon name="datasets" width={'24'} />,
+    title: t('empty.datasetTitle'),
+  },
+  [EmptyCardType.Chat]: {
+    icon: <HomeIcon name="chats" width={'24'} />,
+    title: t('empty.chatTitle'),
+  },
+  [EmptyCardType.Search]: {
+    icon: <HomeIcon name="searches" width={'24'} />,
+    title: t('empty.searchTitle'),
+  },
+};