Scopes: Add wrapping to selected scopes in command palette (#105828)

Add wrapping to selected scopes

public/app/features/commandPalette/ScopesRow.tsx

@@ -26,19 +26,21 @@ export function ScopesRow({ treeScopes, isDirty, apply, toggleNode }: Props) {
         <span className={styles.scopesText}>
           <Trans i18nKey={'command-palette.scopes.selected-scopes-label'}>Scopes: </Trans>
         </span>
-        {treeScopes?.map((scope) => {
+        <Stack wrap={'wrap'}>
-          return (
+          {treeScopes?.map((scope) => {
-            <FilterPill
+            return (
-              key={scope.scopeName}
+              <FilterPill
-              selected={true}
+                key={scope.scopeName}
-              icon={'times'}
+                selected={true}
-              label={scope.title}
+                icon={'times'}
-              onClick={() => {
+                label={scope.title}
-                toggleNode(scope);
+                onClick={() => {
-              }}
+                  toggleNode(scope);
-            />
+                }}
-          );
+              />
-        })}
+            );
+          })}
+        </Stack>
       </Stack>
       {isDirty && (
         <Button