fix: hide dateAndContest on first load to wait for server time

apps/web/app/_components/dateandcontest/index.tsx

@@ -12,15 +12,13 @@ function DateAndContest(props: DateAndContestProps) {
   // Helper to create a date without time (year, month, day)
   const mkDate = (d: number, m: number, y: number) => new Date(y, m - 1, d)
 
+  if (props.c === "0") return <></>
+
   let today: Date
-  console.log(props.c)
   if (props.c && new Date(props.c) > mkDate(1, 1, 2025)) today = new Date(props.c)
   else today = new Date() // fallback to client date
 
   let timelineKey = "timeline-registration-1"
-  console.log(today)
-  console.log(mkDate(25, 9, 2025).getTime())
-  console.log(mkDate(11, 10, 2025).setHours(13, 0, 0, 0))
 
   if (today < mkDate(27, 8, 2025)) {
     timelineKey = "timeline-registration-1"

apps/web/app/_components/footer.tsx

@@ -17,9 +17,9 @@ function Sponsor() {
         {SponsorList.map((s) => (
           <GlassCard
             key={s.name}
-            className="min-w-15 min-h-15 px-4 py-4 2xl:min-h-20 2xl:min-w-20"
+            className="min-w-15 min-h-15 flex aspect-square items-center justify-center px-6 py-6 2xl:min-h-20 2xl:min-w-20"
             style={{ borderRadius: 24, border: "1.5px solid rgba(255, 255, 255, 0.10)" }}>
-            <img src={s.image_path} className="h-[60px] w-auto" />
+            <img src={s.image_path} className="max-h-[60px] w-auto object-contain" />
           </GlassCard>
         ))}
       </div>

apps/web/app/_components/sponsors/index.tsx

@@ -5,17 +5,16 @@ import SponsorSubgrid from "./subgrid"
 
 export default function Sponsors() {
   return (
-    <section className="mx-auto flex min-h-screen w-full flex-col items-center justify-center gap-y-[21px] px-6 lg:px-20 lg:py-[40px] 2xl:px-40">
-      <Heading text="Organized By" />
-      <div className="mx-auto mb-[7rem] mt-8 flex h-[10rem]">
+    <section className="mx-auto flex w-full flex-col items-center justify-center gap-y-16 px-6 lg:px-20 lg:py-[40px] 2xl:px-40">
+      <div className="mx-auto flex flex-col gap-y-4">
+        <span className="text-body-1 text-center !font-medium text-gray-100">Organized By</span>
         <img
-          height={160}
+          className="h-[160px] object-contain"
           src="/static/logo/kmutt65-cpe-white-160px.webp"
           alt="kmutt cpe logo"
           loading="lazy"
         />
       </div>
-      <Heading text="Sponsored By" />
       <div className="grid w-full place-content-center content-center gap-y-4">
         <SponsorSubgrid data={SponsorList} tier={SponsorTiers.diamond} />
         <SponsorSubgrid data={SponsorList} tier={SponsorTiers.platinum} />

apps/web/app/_components/sponsors/subgrid.tsx

@@ -20,7 +20,7 @@ export default function SponsorSubgrid({ data, tier }: SponsorSubgridProps) {
 
   return (
     <div className="flex w-full flex-col gap-y-4">
-      <span className="text-body-1 text-center text-gray-100">
+      <span className="text-body-1 text-center !font-medium text-gray-100">
         {getTierName(tier)} Sponsor{amt > 1 ? "s" : ""}
       </span>
       <div className={`grid grid-cols-1 ${gridClass} gap-x-4 gap-y-4`}>