minor

app/(app)/article/[key]/layout.tsx

@@ -13,6 +13,7 @@ export default function ModalLayout(props: {
 }) {
   const key = props.params.key;
   const { data, type } = nip19.decode(key);
+  console.log("AT layout", type, data);
   if (type === "naddr") {
     const kind = data.kind;
     if (kind === 30023) {

components/Modals/CreateCalendar.tsx

@@ -147,6 +147,7 @@ export default function CreateCalendarEventModal() {
                     height="288"
                     width="288"
                     src={imagePreview}
+                    unoptimized
                     className={cn(
                       "bg-bckground h-full rounded-xl object-cover object-center max-sm:max-h-[100px]",
                       imageStatus === "uploading" && "grayscale",
@@ -190,6 +191,7 @@ export default function CreateCalendarEventModal() {
                     height="288"
                     width="288"
                     src={bannerImagePreview}
+                    unoptimized
                     className={cn(
                       "bg-bckground h-full rounded-xl object-cover object-center max-sm:max-h-[100px]",
                       bannerImageStatus === "uploading" && "grayscale",

components/Modals/CreateCalendarEvent.tsx

@@ -362,6 +362,7 @@ export default function CreateCalendarEventModal({
                       height="288"
                       width="288"
                       src={imagePreview}
+                      unoptimized
                       className={cn(
                         "bg-bckground h-full rounded-xl object-cover object-center max-sm:max-h-[100px]",
                         imageStatus === "uploading" && "grayscale",
@@ -469,6 +470,7 @@ export default function CreateCalendarEventModal({
                     height="288"
                     width="288"
                     src={imagePreview}
+                    unoptimized
                     className={cn(
                       "bg-bckground h-full rounded-xl object-cover object-center max-sm:max-h-[100px]",
                       imageStatus === "uploading" && "grayscale",

components/Modals/FormModal.tsx

@@ -364,6 +364,7 @@ function ImageUpload({
               alt="Image"
               height="288"
               width="288"
+              unoptimized
               src={(value || imageUrl) as string}
               className={cn(
                 "bg-bckground h-full rounded-xl object-cover object-center max-sm:max-h-[100px]",

components/PageComponents/BannerImage.tsx

@@ -36,6 +36,7 @@ export default function BannerImage({ image }: { image: string }) {
         width={1}
         height={1}
         src={image}
+        unoptimized
         onLoad={(e) => {
           console.log(
             "Width",