feat: reorder in footer

Author: swarna1101

src/theme/Footer/CustomFooter/customFooter.module.css

@@ -31,14 +31,14 @@
   margin-top: 10px;
 }
 
-/* Horizontal links below logo */
+/* Horizontal links below social icons */
 .horizontalLinks {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 8px;
-  margin: 8px 0;
+  margin: 5px 0;
 }
 
 .horizLink {
@@ -144,7 +144,7 @@
   }
 
   .footerColumn:last-child {
-    padding-right: 0; /* No padding needed on last column */
+    padding-right: 0;
   }
 
   .horizontalLinks {

src/theme/Footer/CustomFooter/customFooter.tsx

@@ -28,9 +28,15 @@ export default function CustomFooter({
     <footer className={classes.footerRoot}>
       <div className={clsx(classes.footerContainer, "container")}>
         <div className={classes.brandSection}>
+          {/* Logo first */}
           <div className={classes.logoWrapper}>{logo}</div>
+
+          {/* Tagline text would typically be part of the logo component */}
+
+          {/* Social icons */}
           <SocialLinks />
 
+          {/* Navigation links */}
           {flareLinks && (
             <div className={classes.horizontalLinks}>
               {flareLinks.items.map(({ label, to, href }, index) => (
@@ -49,6 +55,7 @@ export default function CustomFooter({
             </div>
           )}
 
+          {/* Copyright at the bottom */}
           <div className={classes.copyrightWrapper}>{copyright}</div>
         </div>