Improve formatting of string arguments in integrated console (codesandbox#298)

*  Add `white-space: pre-wrap` to Messages style

* Update my profile url

* [console] concat all arguments with  if all arguments is string

Author: viankakrisna

.all-contributorsrc

@@ -67,7 +67,7 @@
       "login": "viankakrisna",
       "name": "Ade Viankakrisna Fadlil",
       "avatar_url": "https://avatars1.githubusercontent.com/u/9636410?v=4",
-      "profile": "https://musify.id",
+      "profile": "https://github.com/viankakrisna",
       "contributions": [
         "code"
       ]

packages/app/src/app/components/sandbox/Preview/DevTools/Console/Message.js

@@ -133,6 +133,10 @@ function getMessage(message: IMessage) {
     );
   }
 
+  if (message.arguments.every(argument => typeof argument === 'string')) {
+    return <InnerItem>{message.arguments.join(' ')}</InnerItem>;
+  }
+
   return message.arguments.map((m, i) => (
     // eslint-disable-next-line react/no-array-index-key
     <InnerItem key={i}>

packages/app/src/app/components/sandbox/Preview/DevTools/Console/index.js

@@ -23,6 +23,7 @@ const Messages = styled.div`
   height: 100%;
   overflow-y: auto;
   overflow-x: hidden;
+  white-space: pre-wrap;
 `;
 
 export type IMessage = {