Metadata adjustments

- Fixed favicon not showing up
- Added title and description to all pages
- Vertically-centered the theme button

Author: tabyrocket

src/app/(frontend)/components/Navbar.tsx

@@ -207,7 +207,7 @@ export default function Navbar() {
             style={{
               padding: "0.5rem",
               marginLeft: "0.5rem",
-              marginTop: "7px",
+              marginTop: "0px",
               borderRadius: "12px",
               // Button background: dark mode = #7E57C2 (button), light = #5f249f (purple)
               background: isDark ? "#7E57C2" : "#5f249f",

src/app/(frontend)/events/page.tsx

@@ -2,7 +2,13 @@ import { getPayload } from "payload";
 import config from "@/payload.config";
 import Banner from "../components/Banner";
 import EventDropdown from "../components/EventDropdown";
-import type { Event, Media } from '../../../payload-types'; // adjust path to your generated types
+import type { Event, Media } from '../../../payload-types';
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Events | Rainbow Engineering",
+  description: "Events at Rainbow Engineering - Stay updated with our latest events and activities.",
+};
 
 function formatDate(dateString: string) {
     const date = new Date(dateString);

src/app/(frontend)/initiatives/page.tsx

@@ -3,6 +3,12 @@ import { getPayload } from "payload";
 import config from "@/payload.config";
 import type { Initiative } from "../../../payload-types"; // adjust if needed
 import EventDropdown from "../components/EventDropdown";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Community & Initiatives | Rainbow Engineering",
+  description: "Community & Initiatives at Rainbow Engineering - Explore our initiatives and get involved.",
+};
 
 export default async function Initiatives() {
   // initialize Payload

src/app/(frontend)/page.tsx

@@ -1,5 +1,6 @@
 import { getPayload } from "payload";
 import React from "react";
+import { Metadata } from "next";
 import type { Media } from '../../payload-types';
 
 import HomePageBanner from "./components/HomePageBanner";
@@ -14,6 +15,11 @@ import ExecsHeader from "./components/ExecsHeader";
 
 import config from "@/payload.config";
 
+export const metadata: Metadata = {
+  title: "Home | Rainbow Engineering",
+  description: "Rainbow Engineering - Advocacy, Opportunity, Community.",
+};
+
 type AboutUsType = {
   Title: string;
   Image: { url: string; alt?: string };

src/app/(frontend)/signup/page.tsx

@@ -1,6 +1,12 @@
+import { Metadata } from "next";
 import Banner from "../components/Banner"
 import Image from 'next/image'
 
+export const metadata: Metadata = {
+  title: "Sign Up | Rainbow Engineering",
+  description: "Sign up to join Rainbow Engineering and stay updated with our latest news and events.",
+};
+
 export default function SignUp() {
   return (
     <div className="overflow-x-hidden">

src/app/(frontend)/sponsors/page.tsx

@@ -5,6 +5,12 @@ import { getPayload } from "payload";
 import type { SponsorsAmethyst, SponsorsSilver, SponsorsGold } from '../../../payload-types'; // adjust path to your generated types
 import config from "@/payload.config";
 import DarkThemeBoxes from "../components/DarkThemeBoxes";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Sponsors | Rainbow Engineering",
+  description: "Sponsors of Rainbow Engineering - Learn about our valued sponsors and partners.",
+};
 
 export default async function Sponsors() {