update footer

documentation/docs/components/footer.tsx

@@ -1,18 +1,17 @@
-import React from 'react';
-import Stack from '@mui/material/Stack';
+import React from "react";
+import Stack from "@mui/material/Stack";
 
 const links = [
-  ['Twitter', 'https://nymtech.net/go/twitter'],
-  ['Telegram', 'https://nymtech.net/go/telegram'],
-  ['Discord', 'https://nymtech.net/go/discord'],
-  ['GitHub', 'https://nymtech.net/go/github/nym'],
-  ['Nym Wallet', 'https://nymtech.net/download/wallet'],
-  ['Nym Explorer', 'https://explorer.nymtech.net/'],
-  ['Nym Blog', 'https://nymtech.medium.com/'],
-  ['Nym Shipyard', 'https://shipyard.nymtech.net/'],
+  ["Matrix", "https://matrix.to/#/#dev:nymtech.chat"],
+  ["GitHub", "https://nymtech.net/go/github/nym"],
+  ["Nym Wallet", "https://nymtech.net/download/wallet"],
+  ["Nym Explorer", "https://explorer.nymtech.net/"],
+  ["Nym Blog", "https://nymtech.medium.com/"],
+  ["Twitter", "https://nymtech.net/go/twitter"],
+  ["Telegram", "https://nymtech.net/go/telegram"],
 ];
 export const Footer = () => (
-  <Stack direction="row" spacing={3}>
+  <Stack spacing={2}>
     {links.map((link) => (
       <a key={link[1]} href={link[1]}>
         {link[0]}

documentation/docs/pages/styles.css

@@ -7,6 +7,10 @@ div.nextra-code-block > div {
   background: var(--colorPrimary) !important;
 }
 
+footer {
+  text-align: center;
+}
+
 .nextra-code-block > pre {
   /* max-height: 350px !important; */
   max-height: none !important;

documentation/docs/theme.config.tsx

@@ -16,9 +16,9 @@ const config: DocsThemeConfig = {
   },
   docsRepositoryBase:
     "https://github.com/nymtech/nym/tree/develop/documentation/docs/",
-  // footer: {
-  //   text: Footer,
-  // },
+  footer: {
+    text: Footer,
+  },
   darkMode: true,
   sidebar: {
     defaultMenuCollapseLevel: 1,