feat: cloud sync playground (#662)

* feat: add workspace playground page
* feat: add all demands to playground

Co-authored-by: tzhangchi <terry.zhangchi@outlook.com>

packages/app/src/components/quick-search/style.ts

@@ -73,7 +73,11 @@ export const StyledInputContent = styled('div')(({ theme }) => {
   };
 });
 export const StyledShortcut = styled('div')(({ theme }) => {
-  return { color: theme.colors.placeHolderColor, fontSize: theme.font.sm };
+  return {
+    color: theme.colors.placeHolderColor,
+    fontSize: theme.font.sm,
+    whiteSpace: 'nowrap',
+  };
 });
 
 export const StyledLabel = styled('label')(({ theme }) => {