Add refresh button to icon marketplace page

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

@@ -1,10 +1,9 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { HomeButton } from '@/app/components/HomeButton'
-import { DiscordButton } from '@/app/components/DiscordButton'
 import axios from 'axios'
 import { BackButton } from '@/app/components/BackButton'
+import { ReloadButton } from '@/app/components/ReloadButton'
 
 interface MarketplaceIcon {
   username: string
@@ -20,22 +19,29 @@ interface MarketplaceIcon {
 export default function BerryDashIconMarketplace () {
   const [response, setResponse] = useState<MarketplaceIcon[] | null | -1>(null)
 
-  useEffect(() => {
-    document.title = 'Lncvrt Games - Berry Dash Icon Marketplace'
-    ;(async () => {
+  async function Refresh () {
     try {
       const request = await axios.get('/api/berrydash/icon-marketplace')
       setResponse(request.data.success ? request.data.data : -1)
     } catch {
       setResponse(-1)
     }
-    })()
+  }
+
+  useEffect(() => {
+    document.title = 'Lncvrt Games - Berry Dash Icon Marketplace'
+    Refresh()
   }, [])
 
   return (
     <div className='box text-center'>
       <BackButton href='/game/berry-dash' />
-      <DiscordButton />
+      <ReloadButton
+        action={() => {
+          setResponse(null)
+          Refresh()
+        }}
+      />
       <p className='px-8 -mt-2 mb-4 text-2xl'>Berry Dash Icon Marketplace</p>
       <p>A browser for the in game icon marketplace!</p>
       <div className='sub-box mt-2 -mx-4 -mb-4 flex flex-row flex-wrap justify-center gap-2 max-w-[95vw]'>