refactoring footer styling (#1824)

Co-authored-by: Michael Dragomir <michaeldragomir@Michaels-Laptop.lan>

Author: michaelDragomir

common/constants/navigation.js

@@ -80,6 +80,11 @@ const projectRebuild = {
   href: '/project_rebuild',
 };
 
+const press = {
+  name: 'Press',
+  href: '/press',
+};
+
 const servicesGroup = {
   ...services,
   sublinks: [podcast, scholarship, projectRebuild],
@@ -106,28 +111,32 @@ export const mobileNavItems = flattenDepth(
   2,
 );
 
-// MARK: Footer items
 export const footerItems = {
-  column1: [about, contact, faq, services],
-  column2: [chapters, scholarship, jobs],
-  column3: [getInvolved, podcast, history, donate],
-  column4: [
-    {
-      href: '/press',
-      name: 'Press',
-    },
+  items: [
+    about,
+    chapters,
+    jobs,
+    getInvolved,
+    contact,
+    scholarship,
+    podcast,
+    history,
+    faq,
+    donate,
+    press,
     branding,
+    services,
     team,
   ],
   legal: [
     {
-      href: '/terms',
       name: 'Terms of Use',
+      href: '/terms',
     },
     {
       // NOTE: If you change this route, please update the redirect in `vercel.json` as well
-      href: 'https://www.iubenda.com/privacy-policy/8174861',
       name: 'Privacy',
+      href: 'https://www.iubenda.com/privacy-policy/8174861',
       analyticsEventLabel: 'Privacy',
     },
   ],