Add changelog + update dependencies

src/app/componets/VersionChangelog.tsx

@@ -0,0 +1,32 @@
+'use client'
+
+import { useGlobal } from '../GlobalProvider'
+
+export default function VersionChangelog () {
+  const {
+    getVersionGame,
+    getVersionInfo,
+    managingVersion,
+    downloadedVersionsConfig
+  } = useGlobal()
+  if (!managingVersion || !downloadedVersionsConfig) return <></>
+
+  const versionInfo = getVersionInfo(managingVersion)
+  const gameInfo = getVersionGame(versionInfo?.game)
+
+  return (
+    <>
+      <p className='text-xl text-center'>
+        Viewing changelog for {gameInfo?.name} v{versionInfo?.versionName}
+      </p>
+      <div className='popup-content text-center p-2'>
+        <span
+          className='whitespace-pre-wrap'
+          dangerouslySetInnerHTML={{
+            __html: versionInfo?.changelog ? atob(versionInfo.changelog) : ''
+          }}
+        />
+      </div>
+    </>
+  )
+}