add matrix links

Author: YousefED

docs/README.md

@@ -29,4 +29,4 @@ Another good way to learn is to check out some notebooks from our community:
 
 # Feedback ❤️
 
-As always, we'd love to hear your thoughts and see your experiments, so [come and say hi on Discord](https://discord.gg/TcJ9TRC3SV) as well.
+As always, we'd love to hear your thoughts and see your experiments, so [come and say hi on Discord](https://discord.gg/TcJ9TRC3SV) or [Matrix](https://matrix.to/#/#typecell-space:matrix.org) as well.

docs/demos.md

@@ -11,4 +11,4 @@ To showcase some of TypeCell's features, explore these demos from our community:
 
 ## Built something exciting?
 
-Let us know [on discord](https://discord.gg/TcJ9TRC3SV) if you'd like to feature your own demo on this page!
+Let us know [on discord](https://discord.gg/TcJ9TRC3SV) or [Matrix](https://matrix.to/#/#typecell-space:matrix.org) if you'd like to feature your own demo on this page!

docs/manual/5. Imports and NPM.md

@@ -46,7 +46,7 @@ setInterval(() => myConfetti({ particleCount: 70, origin: { y: 0 } }), 500);
 Libraries are loaded in your browser via [Skypack](https://www.skypack.dev/).
 Skypack support is best for modern libraries with ESM support, but not all NPM libraries are compatible.
 
-NPM imports are work in progress. Can't get a library to work? Let us know on [Discord](https://discord.gg/TcJ9TRC3SV)!
+NPM imports are work in progress. Can't get a library to work? Let us know on [Discord](https://discord.gg/TcJ9TRC3SV) or [Matrix](https://matrix.to/#/#typecell-space:matrix.org)!
 
 #### TypeScript
 

packages/editor/src/app/main/components/startscreen/StartScreen.tsx

@@ -123,16 +123,27 @@ export const StartScreen = observer(() => {
                 interact with a Notebook or use it as a starting point for your
                 next project.
               </p>
-              <a
-                className={styles.discord}
-                href="https://discord.gg/TcJ9TRC3SV"
-                target="_blank"
-                rel="noreferrer">
-                <img
-                  alt="Discord"
-                  src="https://img.shields.io/badge/Join us on discord%20-%237289DA.svg?&style=for-the-badge&logo=discord&logoColor=white"
-                />
-              </a>
+              <div className={styles.discord}>
+                <a
+                  href="https://discord.gg/TcJ9TRC3SV"
+                  target="_blank"
+                  rel="noreferrer">
+                  <img
+                    alt="Discord"
+                    src="https://img.shields.io/badge/Join us on discord%20-%237289DA.svg?&style=for-the-badge&logo=discord&logoColor=white"
+                  />
+                </a>
+                &nbsp;
+                <a
+                  href="https://matrix.to/#/#typecell-space:matrix.org"
+                  target="_blank"
+                  rel="noreferrer">
+                  <img
+                    alt="Matrix"
+                    src="https://img.shields.io/badge/Chat on matrix%20-%23000.svg?&style=for-the-badge&logo=matrix&logoColor=white"
+                  />
+                </a>
+              </div>
             </div>
 
             <div className={styles.overview + " row"}>
@@ -258,6 +269,14 @@ export const StartScreen = observer(() => {
                     <span>Chat on discord</span>
                   </a>
                 </li>
+                <li>
+                  <a
+                    target="_blank"
+                    href="https://matrix.to/#/#typecell-space:matrix.org"
+                    rel="noreferrer">
+                    <span>Chat on Matrix</span>
+                  </a>
+                </li>
               </ul>
             </div>
             <div className={styles.bottom}>