fix(dashboard): improve sidebar version badge layout and text overflow handling

Author: x0sina

dashboard/src/components/layout/sidebar.tsx

@@ -433,9 +433,9 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
                       <div className="flex min-w-0 flex-1 flex-col items-start overflow-hidden">
                         <span className={cn(isRTL ? 'text-right' : 'text-left', 'truncate text-sm font-semibold leading-tight')}>{t('pasarguard')}</span>
                         {isSudo && (
-                          <div className="flex min-w-0 items-baseline gap-1.5 whitespace-nowrap leading-none">
-                            <span className="shrink-0 whitespace-nowrap text-xs leading-none opacity-45">{displayVersion}</span>
-                            <div className="min-w-max shrink-0">
+                          <div className="flex min-w-0 flex-col items-start gap-0.5 leading-none">
+                            <span className="max-w-full truncate text-xs leading-none opacity-45">{displayVersion}</span>
+                            <div className="max-w-full">
                               <TooltipProvider>
                                 <VersionBadge currentVersion={normalizedVersion} className="leading-none" />
                               </TooltipProvider>
@@ -479,14 +479,16 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
                       alt="PasarGuard Logo"
                       className="h-8 w-8 flex-shrink-0 object-contain"
                     />
-                    <div className="flex flex-col overflow-hidden">
+                    <div className="flex min-w-0 flex-col overflow-hidden">
                       <span className={cn(isRTL ? 'text-right' : 'text-left', 'truncate text-sm font-semibold leading-tight')}>{t('pasarguard')}</span>
                       {isSudo && (
-                        <div className="flex items-baseline gap-1.5 whitespace-nowrap leading-none">
-                          <span className="shrink-0 whitespace-nowrap text-xs leading-none opacity-45">{displayVersion}</span>
-                          <TooltipProvider>
-                            <VersionBadge currentVersion={normalizedVersion} className="leading-none" />
-                          </TooltipProvider>
+                        <div className="flex min-w-0 flex-col items-start gap-0.5 leading-none">
+                          <span className="max-w-full truncate text-xs leading-none opacity-45">{displayVersion}</span>
+                          <div className="max-w-full">
+                            <TooltipProvider>
+                              <VersionBadge currentVersion={normalizedVersion} className="leading-none" />
+                            </TooltipProvider>
+                          </div>
                         </div>
                       )}
                     </div>