fix(side-pages): fixed dark mode text, added footer to pages

src/app/[lang]/(mods-pages)/(side-pages)/contribute/page.tsx

@@ -10,11 +10,12 @@ import {
 import Link from "next/link";
 import ContributeComment from "./ContributeComment";
 import IssueFormDialog from "@/components/Forms/IssueFormDialog";
+import Footer from "@/components/Footer";
 
 const ContributePage = () => {
   return (
     <div className="px-4">
-      <article className="prose">
+      <article className="prose prose-neutral dark:prose-invert">
         <h1>Be a Contributor</h1>
         <p>
           NTHUMods is a 100% pure student-led, open source project. We rely on
@@ -104,6 +105,7 @@ const ContributePage = () => {
           </Link>
         </Button>
       </article>
+      <Footer />
     </div>
   );
 };

src/app/[lang]/(mods-pages)/(side-pages)/issues/page.tsx

@@ -2,6 +2,7 @@ import { Codepen, Database, Globe } from "lucide-react";
 import Link from "next/link";
 import EmptyIssueForm from "./EmptyIssueForm";
 import { Separator } from "@/components/ui/separator";
+import Footer from "@/components/Footer";
 
 const IssueButton = ({
   title,
@@ -27,7 +28,7 @@ const IssueButton = ({
 
 const IssuesPage = () => {
   return (
-    <div className="flex flex-col max-w-2xl px-4 prose">
+    <div className="flex flex-col max-w-2xl px-4 prose prose-neutral dark:prose-invert">
       <h1>Report an Issue</h1>
       <div id="dataissue" className="flex flex-col">
         {/* Explainer of the data sources */}
@@ -74,6 +75,7 @@ const IssuesPage = () => {
         {/* Data issue form */}
       </div>
       <EmptyIssueForm />
+      <Footer />
     </div>
   );
 };

src/app/[lang]/(mods-pages)/(side-pages)/privacy-policy/page.tsx

@@ -1,4 +1,5 @@
 import { Metadata } from "next";
+import Footer from "@/components/Footer";
 
 export const metadata: Metadata = {
   title: "隱私權政策 Privacy Policy",
@@ -194,6 +195,7 @@ const PrivacyPolicyENPage = () => {
           discrepancies are found, please refer to the Chinese Version.
         </p>
       </article>
+      <Footer />
     </div>
   );
 };

src/app/[lang]/(mods-pages)/(side-pages)/proxy-login/page.tsx

@@ -1,4 +1,5 @@
 import Script from "next/script";
+import Footer from "@/components/Footer";
 
 const ProxyLoginExplainer = () => {
   return (
@@ -110,6 +111,7 @@ const ProxyLoginExplainer = () => {
           。
         </p>
       </article>
+      <Footer />
     </div>
   );
 };

src/app/[lang]/(mods-pages)/(side-pages)/team/page.tsx

@@ -2,6 +2,13 @@ import { Button } from "@/components/ui/button";
 import { Github, Link2, LinkedinIcon } from "lucide-react";
 import Link from "next/link";
 import team from "@/const/team.json";
+import Footer from "@/components/Footer";
+
+/**
+ * Woah woah did you stumble here? Is this because you wanna join us!
+ *
+ * Leave your name at ./const/team.json and let everyone remember who you are!
+ */
 
 const Team = () => {
   return (
@@ -123,6 +130,7 @@ const Team = () => {
             ))}
         </div>
       </article>
+      <Footer />
     </div>
   );
 };