Client: Added version text

Resolves #32

client/src/components/version.tsx

@@ -0,0 +1,37 @@
+import { useQuery } from "@tanstack/react-query";
+import { Spin } from "antd";
+
+interface IInfo {
+  version: string;
+  debug_mode: boolean;
+  automatic_backups: boolean;
+  data_dir: string;
+  backups_dir: string;
+  db_type: string;
+}
+
+export const Version: React.FC = () => {
+  const apiEndpoint = import.meta.env.VITE_APIURL;
+
+  const infoResult = useQuery<IInfo>({
+    queryKey: ["info"],
+    queryFn: async () => {
+      const response = await fetch(apiEndpoint + "/info");
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json();
+    },
+  });
+
+  if (infoResult.isLoading) {
+    return <Spin />;
+  }
+
+  if (infoResult.isError) {
+    return <span>Unknown</span>;
+  }
+
+  const info = infoResult.data;
+  return <span>{info.version}</span>;
+};