feat: display current version in Header and remove version display from UserProfileMenu (#93)

frontend/src/components/layout/Header.tsx

@@ -30,10 +30,10 @@ const Header: React.FC<HeaderProps> = ({ onToggleSidebar }) => {
           <h1 className="ml-4 text-xl font-bold text-gray-900 dark:text-white">{t('app.title')}</h1>
         </div>
 
-        {/* Theme Switch */}
+        {/* Theme Switch and Version */}
         <div className="flex items-center space-x-4">
+          <span className="text-sm text-gray-500 dark:text-gray-400">{import.meta.env.PACKAGE_VERSION}</span>
           <ThemeSwitch />
-
         </div>
       </div>
     </header>

frontend/src/components/ui/UserProfileMenu.tsx

@@ -104,7 +104,6 @@ const UserProfileMenu: React.FC<UserProfileMenuProps> = ({ collapsed, version })
           >
             <Info className="h-4 w-4 mr-2" />
             {t('about.title')}
-            &nbsp;({version})
             {showNewVersionInfo && (
               <span className="absolute top-2 right-4 block w-2 h-2 bg-red-500 rounded-full"></span>
             )}

frontend/src/utils/version.ts

@@ -16,6 +16,7 @@ export const checkLatestVersion = async (): Promise<string | null> => {
 };
 
 export const compareVersions = (current: string, latest: string): number => {
+  if (current === 'dev') return -1;
   const currentParts = current.split('.').map(Number);
   const latestParts = latest.split('.').map(Number);