fix(v2) : use safe/unsafe wording to denote swizzle safety (#4547)

* fix : make swizzle items more accessible

* feat : use safe/unsafe wording

Co-authored-by: Lisa Chandra <52909743+lisa761@users.noreply.github.com>
Co-authored-by: Javid <singularity.javid@gmail.com>

packages/docusaurus/src/commands/swizzle.ts

@@ -94,8 +94,8 @@ function themeComponents(
   return `
 ${chalk.cyan('Theme components available for swizzle')}
 
-${chalk.green('green  =>')} recommended: lower breaking change risk
-${chalk.red('red    =>')} internal: higher breaking change risk
+${chalk.green('green  =>')} safe: lower breaking change risk
+${chalk.red('red    =>')} unsafe: higher breaking change risk
 
 ${components.join('\n')}
 `;
@@ -123,8 +123,8 @@ function colorCode(
   );
 
   return [
-    ...greenComponents.map((component) => chalk.green(component)),
-    ...redComponents.map((component) => chalk.red(component)),
+    ...greenComponents.map((component) => chalk.green(`safe: ${component}`)),
+    ...redComponents.map((component) => chalk.red(`unsafe: ${component}`)),
   ];
 }