fix(web): images not loading in production due to s3 storage bucket mimetype misconfiguration

Author: MFarabi619

libs/cms/configs/server.ts

@@ -27,17 +27,6 @@ import { s3Storage } from '@payloadcms/storage-s3'
 import sharp from "sharp";
 
 export const baseConfig = {
-  auth: {
-    cookies: {
-      payloadToken: {
-        domain: ".cuhacking.ca",
-        path: "/",
-        secure: true,
-        httpOnly: true,
-        sameSite: "None",
-      },
-    },
-  },
 defaultDepth: 3,
   globals: [
     Hackathon2025,
@@ -134,6 +123,7 @@ formOverrides: {
       endpoint: process.env.S3_ENDPOINT || "",
     },
   }),
+],
   db: postgresAdapter({
     pool: {
       connectionString: process.env.DATABASE_URI,

libs/website/ui/sponsorship/sponsor-presenter/sponsor-item.tsx

@@ -1,7 +1,6 @@
 import type { Sponsor } from '../types/sponsorship'
 import { GlassmorphicCard } from '@cuhacking/shared/ui/glassmorphic-card'
 import { cn } from '@cuhacking/shared/utils/cn'
-import SVG from 'react-inlinesvg'
 
 export interface SponsorPresenterProps {
   sponsor: Sponsor
@@ -20,9 +19,8 @@ export function SponsorItem({ sponsor, className }: SponsorPresenterProps) {
         rel="noopener noreferrer"
         aria-label={`Visit ${sponsor.name}'s website`}
       >
-        <SVG
+        <img
           src={sponsor.logo}
-          title={`${sponsor.name} logo`}
           className={cn(className || 'h-32 min-w-24')}
         />
       </a>

package.json

@@ -244,7 +244,6 @@
     "prettier-plugin-slidev": "^1.0.5",
     "react-email": "3.0.6",
     "react-icons": "^5.4.0",
-    "react-inlinesvg": "^4.2.0",
     "rehype-katex": "^7.0.1",
     "rehype-mermaid": "^2.1.0",
     "remark-math": "^6.0.0",