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

src/components/ui/sidebar.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
-import { cva, VariantProps } from "class-variance-authority"
+import { cva, type VariantProps } from "class-variance-authority"
 import { PanelLeftIcon } from "lucide-react"
 
 import { useIsMobile } from "@/hooks/use-mobile"

src/ui/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/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/User/PasswordReset.tsx";
 import {useTranslation} from "react-i18next";
 import {LanguageSwitcher} from "@/components/LanguageSwitcher";
 
+
 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.version });
+            } catch (err) {
+                console.error("Failed to load version info", err);
+                          }
+    };
+
     const fetchUserInfo = async () => {
         setLoading(true);
         setError(null);
@@ -146,6 +160,13 @@ 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">

src/ui/main-axios.ts

@@ -140,6 +140,7 @@ interface AuthResponse {
 }
 
 interface UserInfo {
+    totp_enabled: boolean;
     id: string;
     username: string;
     is_admin: boolean;