feat(authfooter): dynamically display app version

src/components/views/auth/AuthFooter.tsx

@@ -7,16 +7,26 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { ReactElement } from "react";
+import React, { ReactElement, useContext, useEffect, useState } from "react";
 
 import SdkConfig from "../../../SdkConfig";
 import { _t } from "../../../languageHandler";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
 
 const AuthFooter = (): ReactElement => {
+    const context = useContext(MatrixClientContext);
+    const [appVersion, setAppVersion] = useState<string>("");
+
+    useEffect(() => {
+        const version = SdkConfig.get("appVersion") || "unknown";
+        setAppVersion(version);
+    }, []);
+
+
     const brandingConfig = SdkConfig.getObject("branding");
     const links = brandingConfig?.get("auth_footer_links") ?? [
         { text: "About", url: "https://elecord.app" },
-        { text: "v2.0.1", url: "https://github.com/elecordapp/elecord-web/releases" },
+        { text: `v${appVersion}`, url: "https://github.com/elecordapp/elecord-web/releases" },
         { text: "Privacy", url: "https://github.com/elecordapp/elecord-web/blob/master/PRIVACY.md" },
         { text: "GitHub", url: "https://github.com/elecordapp/elecord-web" },
     ];