Move registration above challenge flow

src/app/page.module.css

@@ -137,6 +137,14 @@
   min-width: 0;
 }
 
+.registrationPanel {
+  order: 1;
+}
+
+.challengePanel {
+  order: 2;
+}
+
 .panelLabel {
   font-size: 0.74rem;
   letter-spacing: 0.18em;

src/app/signup-panel.tsx

@@ -190,7 +190,7 @@ export default function SignupPanel({ session }: SignupPanelProps) {
         </section>
 
         <section className={styles.grid}>
-          <article className={styles.panel}>
+          <article className={`${styles.panel} ${styles.challengePanel}`}>
             <p className={styles.panelLabel}>Challenge Flow</p>
             <h2 className={styles.panelTitle}>Build, benchmark, and submit a Mac Metal kernel.</h2>
             <ul className={styles.list}>
@@ -245,7 +245,7 @@ export default function SignupPanel({ session }: SignupPanelProps) {
             </div> */}
           </article>
 
-          <section className={styles.panel}>
+          <section className={`${styles.panel} ${styles.registrationPanel}`}>
             <p className={styles.panelLabel}>Registration</p>
             <h2 className={styles.panelTitle}>Register on Hugging Face.</h2>