Replaced repos tab with contribute tab

src/components/Helps.js

@@ -0,0 +1,50 @@
+import styles from './Helps.module.css'
+
+import helps from '../data/helps.json'
+const header = helps.header
+const helpRows = helps.rows
+
+export default function Helps () {
+  const renderTable = () => {
+    return (
+      <table className={styles.helpTable}>
+        <thead>
+          <tr className={styles.helpHeader}>
+            {header.map((h) => {
+              return (
+                <td>
+                  {h}
+                </td>
+              )
+            })}
+          </tr>
+        </thead>
+        <tbody>
+          {Object.keys(helpRows).map((key) => {
+            const item = helpRows[key]
+            return (
+              <tr className={styles.helpRow}>
+                <td>
+                  {item.name}
+                </td>
+                <td>
+                  {item.description}
+                </td>
+              </tr>
+            )
+          })}
+        </tbody>
+      </table>
+    )
+  }
+  return (
+    <div className={styles.text}>
+      <div className={styles.title}>
+        Amiben tudsz segíteni:
+      </div>
+      <div>
+        {renderTable()}
+      </div>
+    </div>
+  )
+}

src/components/Helps.module.css

@@ -0,0 +1,25 @@
+.text {
+  color: white;
+  font-size: 18px;
+}
+
+.helpTable {
+  width: 100%;
+}
+
+.helpTable td {
+  padding: 5px 2px;
+}
+
+.helpHeader {
+  font-size: 20px;
+  text-align: center;
+}
+
+.helpRow td {
+  font-size: 16px;
+}
+
+.title {
+  text-align: center;
+}