Arranged all link tabs under footer-column lexiographically + added GitHub Profiles, Roadmap tabs

Author: steam-bell-92

src/theme/Footer/Layout/index.tsx

@@ -232,13 +232,6 @@ export default function FooterLayout(): ReactNode {
                     <span className="link-badge popular">Popular</span>
                   </Link>
                 </li>
-                <li>
-                  <Link to="/courses" className="footer-link">
-                    <FooterIcon icon={Video} className="link-icon" />
-                    Video Courses
-                    <span className="link-badge new">New</span>
-                  </Link>
-                </li>
                 <li>
                   <Link to="/get-started" className="footer-link">
                     <FooterIcon icon={Rocket} className="link-icon" />
@@ -251,6 +244,19 @@ export default function FooterLayout(): ReactNode {
                     GitHub Badges
                   </Link>
                 </li>
+                <li>
+                  <Link href="https://dev.recodehive.com/devfolio" className="footer-link">
+                    <FooterIcon icon={Award} className="link-icon" />
+                    GitHub Profiles
+                  </Link>
+                </li>
+                <li>
+                  <Link to="/courses" className="footer-link">
+                    <FooterIcon icon={Video} className="link-icon" />
+                    Video Courses
+                    <span className="link-badge new">New</span>
+                  </Link>
+                </li>
               </ul>
             </div>
 
@@ -263,6 +269,13 @@ export default function FooterLayout(): ReactNode {
                 Company
               </h3>
               <ul className="footer-links">
+                <li>
+                  <Link to="/careers" className="footer-link">
+                    <FooterIcon icon={BriefcaseBusiness} className="link-icon"/>
+                    Careers
+                    <span className="link-badge hiring">We're Hiring!</span>
+                  </Link>
+                </li>
                 <li>
                   <Link to="/community" className="footer-link">
                     <FooterIcon icon={Users} className="link-icon" />
@@ -275,16 +288,6 @@ export default function FooterLayout(): ReactNode {
                     Our Blog
                   </Link>
                 </li>
-                <li>
-                  <Link to="/careers" className="footer-link">
-                    <FooterIcon
-                      icon={BriefcaseBusiness}
-                      className="link-icon"
-                    />
-                    Careers
-                    <span className="link-badge hiring">We're Hiring!</span>
-                  </Link>
-                </li>
                 <li>
                   <Link to="/our-sponsors" className="footer-link">
                     <FooterIcon icon={Handshake} className="link-icon" />
@@ -309,27 +312,30 @@ export default function FooterLayout(): ReactNode {
                 Support
               </h3>
               <ul className="footer-links">
-                <li>
-                  <Link to="/contact-us" className="footer-link">
-                    <FooterIcon
-                      icon={MessageCircleQuestion}
-                      className="link-icon"
-                    />
-                    Contact Us
-                  </Link>
-                </li>
                 <li>
                   <Link to="/broadcasts" className="footer-link">
                     <FooterIcon icon={MonitorPlay} className="link-icon" />
                     Broadcasts
                   </Link>
                 </li>
+                <li>
+                  <Link to="/contact-us" className="footer-link">
+                    <FooterIcon icon={MessageCircleQuestion} className="link-icon"/>
+                    Contact Us
+                  </Link>
+                </li>
                 <li>
                   <Link to="/podcasts" className="footer-link">
                     <FooterIcon icon={Mic2} className="link-icon" />
                     Podcasts
                   </Link>
                 </li>
+                <li>
+                  <Link to="https://github.com/orgs/recodehive/projects/9" className="footer-link">
+                    <FooterIcon icon={MonitorPlay} className="link-icon" />
+                    Roadmap
+                  </Link>
+                </li>
               </ul>
             </div>