fix branch name wrapping

Signed-off-by: sallyom <[email protected]>

Author: sallyom

components/frontend/src/app/projects/[name]/sessions/[sessionName]/components/accordions/repositories-accordion.tsx

@@ -139,7 +139,7 @@ export function RepositoriesAccordion({
                         <div className="flex items-center gap-2 flex-wrap">
                           <div className="text-sm font-medium truncate">{repoName}</div>
                           {currentBranch && (
-                            <Badge variant="outline" className="text-xs px-1.5 py-0.5 max-w-full break-words whitespace-normal bg-blue-50 dark:bg-blue-950 border-blue-200 dark:border-blue-800">
+                            <Badge variant="outline" className="text-xs px-1.5 py-0.5 max-w-full !whitespace-normal !overflow-visible break-words bg-blue-50 dark:bg-blue-950 border-blue-200 dark:border-blue-800">
                               {currentBranch}
                             </Badge>
                           )}

components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx

@@ -1717,7 +1717,7 @@ export default function ProjectSessionDetailPage({
                                           {opt.name}
                                         </span>
                                         {branchName && (
-                                          <Badge variant="outline" className="text-xs px-1.5 py-0.5 max-w-full break-words whitespace-normal bg-blue-50 dark:bg-blue-950 border-blue-200 dark:border-blue-800">
+                                          <Badge variant="outline" className="text-xs px-1.5 py-0.5 max-w-full !whitespace-normal !overflow-visible break-words bg-blue-50 dark:bg-blue-950 border-blue-200 dark:border-blue-800">
                                             {branchName}
                                           </Badge>
                                         )}