feat: adding more app info in store (#131)

services/platform/server/web-client/src/pages/store/Store.tsx

@@ -23,6 +23,7 @@ import {
   Modal,
   Flex,
   notification,
+  Tag,
 } from 'antd';
 import {
   AppstoreAddOutlined,
@@ -48,6 +49,12 @@ const help = [
   },
 ];
 
+const statusMap: Record<string, string | undefined> = {
+  alpha: 'red',
+  beta: 'orange',
+  stable: 'green',
+};
+
 export default function AppStorePage() {
   const [api, contextHolder] = notification.useNotification();
   const { event } = useEvents() as ProviderValue;
@@ -242,7 +249,20 @@ function AppItem(props: AppItemProps) {
           </>
         )}
       >
-        <img src={app.icon} alt="" />
+        <Flex gap="middle" vertical={false}>
+          <img src={app.icon} alt="" />
+          <Flex gap="small" vertical justify="center" align="center">
+            <Tag color="grey">{app.appVersion}</Tag>
+            <Tag color={statusMap[app.annotations['status']]}>
+              {app.annotations['status']}
+            </Tag>
+          </Flex>
+          <Flex gap="small" vertical justify="center" align="center">
+            <Button onClick={() => window.open(app.home, '_blank')}>
+              Website
+            </Button>
+          </Flex>
+        </Flex>
         <div
           dangerouslySetInnerHTML={{
             __html: marked.parse(app.readme).toString(),