fix: version and logo importing

frontend/src/components/Common/RealtLogo.tsx

@@ -1,11 +1,9 @@
-import logo from "../../../public/RealT_Logo.png";
-
 export function RealtLogo({
   className,
 }: {
   className?: string;
 }) {
   return (
-    <img className={className} src={logo} alt="RealT" />
+    <img className={className} src="/RealT_Logo.png" alt="RealT" />
   )
 }

frontend/src/components/Common/Version.tsx

@@ -1,8 +1,26 @@
-import rootPackageJson from '../../../../package.json';
+import { useEffect, useState } from 'react';
+import Env from '../../utils/env';
+import { Anchor } from '@mantine/core';
 
 const Version = () => {
+  const [version, setVersion] = useState('1.0.0');
+
+  useEffect(() => {
+    fetch(`${Env.VITE_GITHUB_RAW_URL}/${Env.VITE_GITHUB_REPO}/refs/heads/main/package.json`)
+      .then(res => res.json())
+      .then(data => {
+        setVersion(data.version);
+      });
+  }, []);
+
+
   return (
-    <h2>Version: {rootPackageJson.version}</h2>
+    <h2>
+      Version:&nbsp;
+      <Anchor href={`/~https://github.com/${Env.VITE_GITHUB_REPO}/releases/tag/v${version}`} target="_blank" size="sm">
+        {version}
+      </Anchor>
+    </h2>
   );
 };
 

frontend/src/components/Settings/SettingsPanelContent.tsx

@@ -39,7 +39,7 @@ export function SettingsPanelContent({
               {t('reportIssue')}
             </Button>
           </Box>
-          <Flex>
+          <Flex gap="md">
             <Version />
             <MadeBy extra />
           </Flex>