Fixes

src/app/game/berry-dash/chatroom/page.tsx

@@ -149,11 +149,10 @@ export default function BerryDashChatroom () {
                           item.customIcon +
                           '&raw=true'
                     }
-                    className='pointer-events-none'
                     width={48}
                     height={48}
                     alt=''
-                    unoptimized={true}
+                    className='pointer-events-none scale-x-[-1]'
                   />
                   <div>
                     {item.userId == Number(getCookie('accountId', '-1')) && (

src/app/game/berry-dash/icon-marketplace/page.tsx

@@ -5,6 +5,7 @@ import axios from 'axios'
 import { BackButton } from '@/app/components/BackButton'
 import { ReloadButton } from '@/app/components/ReloadButton'
 import { UploadButton } from '@/app/components/UploadButton'
+import Image from 'next/image'
 
 interface MarketplaceIcon {
   username: string
@@ -31,7 +32,7 @@ export default function BerryDashIconMarketplace () {
 
   useEffect(() => {
     document.title = 'Lncvrt Games - Berry Dash Icon Marketplace'
-    Refresh()
+    setTimeout(() => Refresh(), 0)
   }, [])
 
   return (
@@ -53,9 +54,9 @@ export default function BerryDashIconMarketplace () {
           </p>
         ) : (
           response.map(icon => (
-            <div className='sub-box2'>
+            <div className='sub-box2' key={icon.id}>
               <div className='bg-(--col8) rounded-md w-fit h-fit p-2 mx-auto'>
-                <img
+                <Image
                   src={
                     '/api/berrydash/icon-marketplace/icon?id=' +
                     icon.id +
@@ -64,6 +65,7 @@ export default function BerryDashIconMarketplace () {
                   width={96}
                   height={96}
                   draggable={false}
+                  alt=''
                   className='pointer-events-none'
                 />
               </div>

src/app/game/berry-dash/leaderboards/page.tsx

@@ -205,11 +205,10 @@ export default function BerryDashLeaderboards () {
                             }&overlayB=${item.overlayColor[2]}`
                           : `/api/berrydash/icon-marketplace/icon?id=${item.customIcon}&raw=true`
                       }
-                      className='pointer-events-none'
+                      className='pointer-events-none scale-x-[-1]'
                       width={48}
                       height={48}
                       alt=''
-                      unoptimized={true}
                     />
                     <p>
                       {item.username} (#{index + 1})