fix images

Author: steven-tey

app/[username]/page.tsx

@@ -70,7 +70,6 @@ export default async function Profile({
           width={100}
           height={100}
           className="h-16 w-16 rounded-full bg-white p-2 sm:h-24 sm:w-24"
-          unoptimized
         />
       </div>
       <div className="max-w-lg p-4">

app/projects/[slug]/layout.tsx

@@ -98,7 +98,6 @@ export default async function ProjectLayout({
           width={100}
           height={100}
           className="h-16 w-16 rounded-full bg-white p-2 sm:h-24 sm:w-24"
-          unoptimized
         />
         <div className="flex items-center space-x-2 py-2">
           <Suspense>

components/layout/sign-in-modal.tsx

@@ -28,7 +28,6 @@ const SignInModal = ({
             className="h-10 w-10 rounded-full"
             width={20}
             height={20}
-            unoptimized
           />
         </a>
         <h3 className="font-display text-2xl font-bold">Sign In</h3>

components/layout/user-dropdown.tsx

@@ -55,7 +55,6 @@ export default function UserDropdown({ session }: { session: Session }) {
           src={image || `https://avatars.dicebear.com/api/micah/${email}.svg`}
           width={40}
           height={40}
-          unoptimized
         />
       </button>
     </Popover>

components/projects/edit-project-modal.tsx

@@ -33,7 +33,6 @@ const EditProjectModal = ({
           className="h-10 w-10 rounded-full"
           width={20}
           height={20}
-          unoptimized
         />
         <h3 className="font-display text-xl font-bold">Edit Project</h3>
       </div>

components/projects/edit-team-modal.tsx

@@ -30,7 +30,6 @@ const EditTeamModal = ({
           className="h-10 w-10 rounded-full"
           width={20}
           height={20}
-          unoptimized
         />
         <h3 className="font-display text-xl font-bold">Edit Team</h3>
       </div>

components/projects/project-card.tsx

@@ -24,7 +24,6 @@ export default function ProjectCard(project: Project) {
           width={100}
           height={100}
           className="h-16 w-16 rounded-full bg-white p-2"
-          unoptimized
         />
         <div className={buttonLinkVariants({ variant: "secondary" })}>
           <Star className="h-4 w-4" />

components/projects/project-contribs.tsx

@@ -72,7 +72,6 @@ export function Contrib({ info }: { info: ContribInfo }) {
             width={48}
             height={48}
             className="rounded-full"
-            unoptimized
           />
         </motion.div>
         <motion.div

components/projects/submit-project-modal.tsx

@@ -28,7 +28,6 @@ const SubmitProjectModal = ({
           className="h-10 w-10 rounded-full"
           width={20}
           height={20}
-          unoptimized
         />
         <h3 className="font-display text-xl font-bold">Submit a new project</h3>
         <p className="text-sm text-gray-500">

next.config.js

@@ -6,17 +6,7 @@ const nextConfig = {
     ppr: true,
   },
   images: {
-    remotePatterns: [
-      {
-        hostname: "assets.dub.co",
-      },
-      {
-        hostname: "avatars.githubusercontent.com",
-      },
-      {
-        hostname: "o41lbhvmufhkidta.public.blob.vercel-storage.com",
-      },
-    ],
+    unoptimized: true,
   },
   async redirects() {
     return [