Prettier formatting

Author: allyharrison

client/src/components/SponsorsGuests/GuestSection.tsx

@@ -15,11 +15,9 @@ interface GuestSectionProps {
 // GuestSection component renders the special guests section
 const GuestSection = ({ guests }: GuestSectionProps) => {
   return (
-    <div
-      className="mt-12 w-full px-8 py-16 bg-[#54595F]"
-    >
+    <div className="mt-12 w-full bg-[#54595F] px-8 py-16">
       <h2
-        className={`text-center text-3xl font-bold text-black font-montserrat leading-[1.15em]`}
+        className={`text-center font-montserrat text-3xl font-bold leading-[1.15em] text-black`}
       >
         Special Guests
       </h2>
@@ -28,9 +26,7 @@ const GuestSection = ({ guests }: GuestSectionProps) => {
         {guests.map((guest, idx) => (
           <div key={idx} className="text-center">
             {/* Guest image box */}
-            <div
-              className="relative mx-auto mb-4 flex items-center justify-center overflow-hidden bg-white shadow-md w-[200px] h-[200px]"
-            >
+            <div className="relative mx-auto mb-4 flex h-[200px] w-[200px] items-center justify-center overflow-hidden bg-white shadow-md">
               {guest.image ? (
                 <Image
                   src={guest.image}
@@ -44,7 +40,7 @@ const GuestSection = ({ guests }: GuestSectionProps) => {
             {/* Guest name and description */}
             <div>
               <h3
-                className={`mb-2 text-lg font-semibold text-white font-montserrat`}
+                className={`mb-2 font-montserrat text-lg font-semibold text-white`}
               >
                 {guest.name}
               </h3>

client/src/components/SponsorsGuests/SponsorSection.tsx

@@ -10,14 +10,12 @@ interface SponsorSectionProps {
   partners: Partner[];
 }
 
-const SponsorSection = ({ partners}: SponsorSectionProps) => {
+const SponsorSection = ({ partners }: SponsorSectionProps) => {
   return (
     <section className="bg-gray-100 py-10 text-center">
-      <h2 className={`text-2xl font-bold font-montserrat`}>
+      <h2 className={`font-montserrat text-2xl font-bold`}>
         Powered By Our{" "}
-        <span className={`text-orange-500 font-montserrat`}>
-          Partners
-        </span>
+        <span className={`font-montserrat text-orange-500`}>Partners</span>
       </h2>
       <div className="mt-6 flex flex-wrap justify-center gap-6 px-4">
         {partners.map((partner, index) => (

client/src/pages/guests-sponsors.tsx

@@ -48,9 +48,7 @@ const SponsorsAndGuest = () => {
     <div className="min-h-screen bg-background">
       {/* Page title */}
       <div className="pt-20 text-center">
-        <h1
-          className={`text-6xl font-semibold leading-none font-montserrat`}
-        >
+        <h1 className={`font-montserrat text-6xl font-semibold leading-none`}>
           Guests & Sponsors
         </h1>
       </div>