Handle long subfolder names

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/command-items.tsx

@@ -78,13 +78,14 @@ export const MemoizedWorkflowItem = memo(
         {folderPath && folderPath.length > 0 && (
           <span className='ml-auto flex min-w-0 pl-2 font-base text-[var(--text-subtle)] text-small'>
             {folderPath.length > 1 && (
-              <span className='min-w-0 flex-shrink truncate'>
-                {folderPath.slice(0, -1).join(' / ')}
-              </span>
+              <>
+                <span className='min-w-0 truncate [flex-shrink:9999]'>
+                  {folderPath.slice(0, -1).join(' / ')}
+                </span>
+                <span className='flex-shrink-0 whitespace-pre'> / </span>
+              </>
             )}
-            <span className='flex-shrink-0 whitespace-pre'>
-              {folderPath.length > 1 ? ` / ${folderPath[folderPath.length - 1]}` : folderPath[0]}
-            </span>
+            <span className='min-w-0 truncate'>{folderPath[folderPath.length - 1]}</span>
           </span>
         )}
       </Command.Item>