feat(footer): add feedback and contact links and update styling

src/views/home/home.module.css

@@ -164,20 +164,16 @@
   text-transform: capitalize;
 }
 
-.version {
+.footerInfo {
   text-align: center;
-  padding-top: 2em;
-  padding-bottom: 1em;
+  margin-top: 1em;
+  margin-bottom: 1em;
   font-size: 11px;
 }
 
-.version a {
-  text-decoration: none;
-  color: unset;
-}
 
-.version a:hover {
-  text-decoration: underline;
+.footerInfo a:visited {
+  color: blue;
 }
 
 .popularThreads {

src/views/home/home.tsx

@@ -154,12 +154,21 @@ export const Footer = () => {
           </a>
         </li>
       </ul>
-      <div className={styles.version}>
-        <Version />
-        <span>
-          {' '}
-          - <span className={styles.gplLicensed}>GPLv2 Licensed</span>
-        </span>
+      <div className={styles.footerInfo}>
+        <br />
+        <Version /> •{' '}
+        <a href='https://github.com/plebbit/5chan/issues/new' target='_blank' rel='noopener noreferrer'>
+          Feedback
+        </a>{' '}
+        •{' '}
+        <a href='https://github.com/plebbit/5chan/graphs/contributors' target='_blank' rel='noopener noreferrer'>
+          Contact
+        </a>
+        <span></span>
+        <br />
+        <br />
+        <br />
+        <span>5chan is free and open source software under GPLv2 license.</span>
       </div>
     </>
   );