Fix issue #4901: [Bug]: When the connected Github repo's name is too long, the UI wraps and get rendered weirdly

frontend/src/components/project-menu/ProjectMenuCard.tsx

@@ -73,7 +73,7 @@ Please push the changes to GitHub and open a pull request.
   };
 
   return (
-    <div className="px-4 py-[10px] w-[337px] rounded-xl border border-[#525252] flex justify-between items-center relative">
+    <div className="px-4 py-[10px] min-w-[337px] max-w-[400px] rounded-xl border border-[#525252] flex justify-between items-center relative">
       {!working && contextMenuIsOpen && (
         <ProjectMenuCardContextMenu
           isConnectedToGitHub={isConnectedToGitHub}

frontend/src/components/project-menu/project-menu-details.tsx

@@ -24,7 +24,7 @@ export function ProjectMenuDetails({
         className="flex items-center gap-2"
       >
         <img src={avatar} alt="" className="w-4 h-4 rounded-full" />
-        <span className="text-sm leading-6 font-semibold">{repoName}</span>
+        <span className="text-sm leading-6 font-semibold truncate max-w-[200px]">{repoName}</span>
         <ExternalLinkIcon width={16} height={16} />
       </a>
       <a