feat(profile): display version number from .env in profile menu (#182)

* feat(profile): display version number from .env in profile menu

* Update version checking process

---------

Co-authored-by: LukeGus <bugattiguy527@gmail.com>

src/ui/Desktop/User/UserProfile.tsx

@@ -8,11 +8,13 @@ import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs.tsx
 import {User, Shield, Key, AlertCircle} from "lucide-react";
 import {TOTPSetup} from "@/ui/Desktop/User/TOTPSetup.tsx";
 import {getUserInfo} from "@/ui/main-axios.ts";
+import {getVersionInfo} from "@/ui/main-axios.ts";
 import {toast} from "sonner";
 import {PasswordReset} from "@/ui/Desktop/User/PasswordReset.tsx";
 import {useTranslation} from "react-i18next";
 import {LanguageSwitcher} from "@/components/LanguageSwitcher.tsx";
 
+
 interface UserProfileProps {
     isTopbarOpen?: boolean;
 }
@@ -27,11 +29,23 @@ export function UserProfile({isTopbarOpen = true}: UserProfileProps) {
     } | null>(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState<string | null>(null);
+    const [versionInfo, setVersionInfo] = useState<{ version: string } | null>(null);
+
 
     useEffect(() => {
         fetchUserInfo();
+        fetchVersion();
     }, []);
 
+    const fetchVersion = async () => {
+        try {
+            const info = await getVersionInfo();
+            setVersionInfo({version: info.localVersion});
+        } catch (err) {
+            console.error("Failed to load version info", err);
+        }
+    };
+
     const fetchUserInfo = async () => {
         setLoading(true);
         setError(null);
@@ -146,15 +160,22 @@ export function UserProfile({isTopbarOpen = true}: UserProfileProps) {
                                         )}
                                     </p>
                                 </div>
+                                <div>
+                                    <Label>{t('common.version')}</Label>
+                                    <p className="text-lg font-medium mt-1">
+                                        {versionInfo?.version || t('common.loading')}
+                                    </p>
+                                </div>
+
                             </div>
-                            
+
                             <div className="mt-6 pt-6 border-t">
                                 <div className="flex items-center justify-between">
                                     <div>
                                         <Label>{t('common.language')}</Label>
                                         <p className="text-sm text-muted-foreground mt-1">{t('profile.selectPreferredLanguage')}</p>
                                     </div>
-                                    <LanguageSwitcher />
+                                    <LanguageSwitcher/>
                                 </div>
                             </div>
                         </CardContent>