Update all Twitter and Spectrum mentions

Author: CompuIves

packages/app/src/app/components/SocialInfo/DiscordLogo.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import IconBase from 'react-icons/IconBase';
+
+export default () => (
+  <IconBase
+    width="1em"
+    height="1em"
+    fillRule="evenodd"
+    clipRule="evenodd"
+    strokeLinejoin="round"
+    strokeMiterlimit="1.414"
+    ariaLabelledby="title"
+    viewBox="0 0 32 32"
+    preserveAspectRatio="xMidYMid meet"
+  >
+    <title id="title">spectrum</title>
+    <g>
+      <path d="M6,14.5c0,0.828 0.672,1.5 1.5,1.5l1.5,0c3.866,0 7,3.134 7,7l0,1.5c0,0.828 0.672,1.5 1.5,1.5l7,0c0.828,0 1.5,-0.672 1.5,-1.5l0,-1.5c0,-9.389 -7.611,-17 -17,-17l-1.5,0c-0.828,0 -1.5,0.672 -1.5,1.5l0,7Z" />
+    </g>
+  </IconBase>
+);

packages/app/src/app/components/SocialInfo/SpectrumLogo.js

@@ -2,12 +2,12 @@ import React from 'react';
 import TwitterIcon from 'react-icons/lib/fa/twitter';
 import GithubIcon from 'react-icons/lib/fa/github';
 import { Icon } from './elements';
-import DiscordIcon from './DiscordLogo';
+import SpectrumIcon from './SpectrumLogo';
 
 export default ({ ...props }) => (
   <div {...props}>
     <Icon
-      href="https://twitter.com/codesandboxapp"
+      href="https://twitter.com/codesandbox"
       target="_blank"
       rel="noopener noreferrer"
     >
@@ -21,11 +21,11 @@ export default ({ ...props }) => (
       <GithubIcon />
     </Icon>
     <Icon
-      href="https://discord.gg/FGeubVt"
+      href="https://spectrum.chat/codesandbox"
       target="_blank"
       rel="noopener noreferrer"
     >
-      <DiscordIcon />
+      <SpectrumIcon />
     </Icon>
   </div>
 );

packages/app/src/app/components/SocialInfo/index.js

@@ -12,7 +12,7 @@
     <meta property="og:image:width" content="1200">
     <meta property="og:image:height" content="630">
     <meta property="twitter:card" content="summary_large_image">
-    <meta property="twitter:site" content="@codesandboxapp">
+    <meta property="twitter:site" content="@codesandbox">
     <meta property="twitter:title" content="CodeSandbox">
     <meta property="twitter:description" content="An online editor tailored for web application development.">
     <meta property="twitter:image:src" content="https://codesandbox.io/static/img/banner.png">

packages/app/src/app/index.html

@@ -146,7 +146,7 @@ export default () => (
           <List>
             <li>
               <a
-                href="https://twitter.com/codesandboxapp"
+                href="https://twitter.com/codesandbox"
                 target="_blank"
                 rel="noopener noreferrer"
               >

packages/homepage/src/components/Footer.js

@@ -141,8 +141,8 @@ export default class ChangelogPage extends React.Component {
                 GitHub repository
               </a>{' '}
               and the Twitter of{' '}
-              <a href="https://twitter.com/@codesandboxapp">@codesandboxapp</a>{' '}
-              and <a href="https://twitter.com/@CompuIves">@CompuIves</a>.
+              <a href="https://twitter.com/@codesandbox">@codesandbox</a> and{' '}
+              <a href="https://twitter.com/@CompuIves">@CompuIves</a>.
             </Description>
             <Changelogs>
               {posts.map(({ node: post }) => {