Fix footer in master

Since lbry.tv is going away, I tried not to touch the css file much so that the merge into `odysee` won't affect it. The side effect is that the links are now white instead of the regular link color.

ui/scss/component/_footer.scss

@@ -47,6 +47,10 @@
 .footer__section {
   margin-left: var(--spacing-xl);
 
+  &:not(:last-child) {
+    padding-right: var(--spacing-xl);
+  }
+
   @media (max-width: $breakpoint-small) {
     margin-left: var(--spacing-l);
   }

web/component/footer.jsx

@@ -80,23 +80,22 @@ const sections = [
 export default function Footer() {
   return (
     <footer className="footer">
-      {sections.map(({ name, links }) => {
+      <ul className="navigation__tertiary footer__links bright ul--no-style">
-        return (
+        {sections.map(({ name, links }) => {
-          <div key={name} className="footer__section">
+          return (
-            <div className="footer__section-title">{__(name)}</div>
+            <li key={name} className="footer__section">
-            <ul className="ul--no-style">
+              <div className="footer__section-title">{__(name)}</div>
-              {/* $FlowFixMe */}
               {links.map(({ label, link, navigate }) => {
                 return (
                   <li key={label}>
-                    <Button className="footer__link" href={link} navigate={navigate} label={__(label)} />
+                    <Button className="footer__link" label={__(label)} href={link} navigate={navigate} />
                   </li>
                 );
               })}
-            </ul>
+            </li>
-          </div>
+          );
-        );
+        })}
-      })}
+      </ul>
     </footer>
   );
 }