ISSUE #26: fix hydration issue

frontend/src/pages/about/election-guide.tsx

@@ -26,9 +26,11 @@ const ElectionGuidePage = () => {
             to either nominate yourself for a position or be nominated by someone else.
           </p>
 
-          <p className="text-lg my-5">
-            Once nominations are open, you will be able to submit your nomination by 
-            emailing <a href="mailto:[email protected]" className="text-blue-500 hover:underline">[email protected]</a> with:
+          <div className="text-lg my-5">
+            <p>
+              Once nominations are open, you will be able to submit your nomination by 
+              emailing <a href="mailto:[email protected]" className="text-blue-500 hover:underline">[email protected]</a> with:
+            </p>
             <ul className="list-disc ml-6">
               <li>Your full name and zID, or the full name and zID of the person you are nominating</li>
               <li>The position you or the person you are nominating is going for</li>
@@ -40,7 +42,7 @@ const ElectionGuidePage = () => {
                 their nomination). Be sure to use a zID email!
               </li>
             </ul>
-          </p>
+          </div>
 
           <p className="text-lg my-5">
             If you're planning on running for multiple positions, then make sure you include your preference 

frontend/src/pages/about/index.tsx

@@ -45,14 +45,18 @@ export default function AboutPage() {
                 <p className="text-xs">
                   csesoc/README<span className="text-[#7A8192]">.md</span>
                 </p>
-                <p className="mt-5">
-                  CSESoc is the official representative body of computing students at UNSW. We are one of the 
-                  largest and most active societies at UNSW, and the largest computing society in the southern hemisphere. 
-                  CSESoc comprises ~10k members spanning across degrees in Computer Science, Software Engineering, 
-                  Bioinformatics and Computer Engineering. We are here to fulfil the social, personal and professional 
-                  needs of CSE students, and promote computing through a variety of forms.
-                  <br /><br />
-                  We are a society for the students, by the students. Here’s an overview of what we do:
+                <div className="mt-5">
+                  <p>
+                    CSESoc is the official representative body of computing students at UNSW. We are one of the 
+                    largest and most active societies at UNSW, and the largest computing society in the southern hemisphere. 
+                    CSESoc comprises ~10k members spanning across degrees in Computer Science, Software Engineering, 
+                    Bioinformatics and Computer Engineering. We are here to fulfil the social, personal and professional 
+                    needs of CSE students, and promote computing through a variety of forms.
+                  </p>
+                  <br />
+                  <p>
+                    We are a society for the students, by the students. Here’s an overview of what we do:
+                  </p>
 
                   <ul className="list-disc">
                     <li className="ml-6">Run weekly social and educational events, including trivia, movie, boardgames nights, LAN parties, workshops, coding competitions, tech talks, and our famous free weekly BBQ</li>
@@ -62,7 +66,7 @@ export default function AboutPage() {
                     <li className="ml-6">Develop our own open-source projects for students to get learn new skills and develop tools for our community</li>
                     <li className="ml-6">Facilitate an online community of ~8k Discord users, ~9.5k Facebook followers, ~1.9k YouTube subs, and ~7.7k Instagram followers</li>
                   </ul>
-                </p>
+                </div>
               </div>
               <div className="mt-10">
                 Pinned