Added a basic web UI

client/src/pages/vendors/show.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import { IResourceComponentsProps, useShow } from "@refinedev/core";
+import {
+  Show,
+  NumberField,
+  DateField,
+  TagField,
+  TextField,
+} from "@refinedev/antd";
+import { Typography } from "antd";
+
+const { Title } = Typography;
+
+export const VendorShow: React.FC<IResourceComponentsProps> = () => {
+  const { queryResult } = useShow();
+  const { data, isLoading } = queryResult;
+
+  const record = data?.data;
+
+  return (
+    <Show isLoading={isLoading}>
+      <Title level={5}>Id</Title>
+      <NumberField value={record?.id ?? ""} />
+      <Title level={5}>Registered</Title>
+      <DateField value={record?.registered} format="lll" />
+      <Title level={5}>Name</Title>
+      <TextField value={record?.name} />
+      <Title level={5}>Comment</Title>
+      <TextField value={record?.comment} />
+    </Show>
+  );
+};