feat(codecatalyst): filter "Open Dev Environment" by space, project

Problem:
"Open Dev Environment" menu:
- shows env id prominently which is not human-friendly
- user cannot filter by space or project name
- "Last used" string takes unnecessary space

Solution:
- Set `matchOnDetail=true` so the list can be filtered by the detail
  description, not just the label.
- Drop "Last used" label; the timestamp is clear enough on its own.

Author: justinmk3

.changes/next-release/Feature-1e701503-730e-4065-b376-8be7dfa9dda7.json

@@ -0,0 +1,4 @@
+{
+	"type": "Feature",
+	"description": "CodeCatalyst: `AWS: Open CodeCatalyst Dev Environment` command allows filtering by Space and Project name"
+}

src/codecatalyst/wizards/selectResource.ts

@@ -53,30 +53,28 @@ function fromDevEnv(env: codecatalyst.DevEnvironment): Omit<DataQuickPickItem<un
     const labelParts = [] as string[]
 
     if (env.status === 'RUNNING') {
-        labelParts.push('$(pass) ')
+        labelParts.push('$(pass)')
     } else {
-        labelParts.push('$(circle-slash) ') // TODO(sijaden): get actual 'stopped' icon
+        labelParts.push('$(circle-slash)') // TODO(sijaden): get actual 'stopped' icon
     }
 
-    const repo = env.repositories[0]
-
-    if (repo) {
-        const branchName = repo.branchName?.replace('refs/heads/', '')
-        labelParts.push(branchName ? `${repo.repositoryName}/${branchName}` : repo.repositoryName)
-    } else {
-        labelParts.push(`${env.id} (no repository)`)
-    }
+    labelParts.push(env.alias ? env.alias : env.id)
 
-    if (env.alias) {
-        labelParts.push(` ${env.alias}`)
-    }
+    const repo = env.repositories[0]
+    const branchName = repo?.branchName?.replace('refs/heads/', '')
+    const repoLabel = repo
+        ? branchName
+            ? `${repo.repositoryName}/${branchName}`
+            : repo.repositoryName
+        : '(no repository)'
 
-    const lastUsed = `Last used: ${getRelativeDate(env.lastUpdatedTime)}`
+    const statusLabel = env.status === 'RUNNING' ? 'RUNNING - IN USE' : env.status
+    const desc = `${statusLabel} ${getRelativeDate(env.lastUpdatedTime)}`
 
     return {
-        label: labelParts.join(''),
-        description: env.status === 'RUNNING' ? 'RUNNING - IN USE' : env.status,
-        detail: `${env.org.name}/${env.project.name}, ${lastUsed}`,
+        label: labelParts.join(' '),
+        description: desc,
+        detail: `${env.org.name}/${env.project.name}/${repoLabel}`,
     }
 }
 
@@ -90,6 +88,7 @@ function createResourcePrompter<T extends codecatalyst.CodeCatalystResource>(
     const prompter = createQuickPick(items, {
         buttons: [refresh, ...createCommonButtons(helpUri)],
         ...presentation,
+        matchOnDetail: true,
     })
 
     refresh.onClick = () => {