Improve the logic for this I guess

src/popups/ManageVersion.tsx

@@ -48,10 +48,8 @@ export default function ManageVersionPopup () {
       <p className='text-xl text-center'>Viewing {versionInfo?.displayName}</p>
       <div className='popup-content h-full w-full flex justify-center items-center flex-col gap-2'>
         <div className='flex flex-row gap-2 justify-center'>
-          <div
-            className='entry-info-item btntheme2'
-            hidden={viewingInfoFromDownloads}
-          >
+          {!viewingInfoFromDownloads && (
+            <div className='entry-info-item btntheme2'>
               <p>
                 Installed{' '}
                 {new Intl.DateTimeFormat(undefined).format(
@@ -59,21 +57,25 @@ export default function ManageVersionPopup () {
                 )}
               </p>
             </div>
-          <div
-            className='entry-info-item btntheme2'
-            hidden={!versionInfo || versionInfo.releaseDate == 0}
-          >
+          )}
+          {versionInfo && (
+            <>
+              {versionInfo.releaseDate != 0 && (
+                <div className='entry-info-item btntheme2'>
                   <p>
                     Released{' '}
                     {new Intl.DateTimeFormat(undefined).format(
-                versionInfo?.releaseDate ? versionInfo.releaseDate * 1000 : 0
+                      versionInfo?.releaseDate
+                        ? versionInfo.releaseDate * 1000
+                        : 0
                     )}
                   </p>
                 </div>
+              )}
+              {versionInfo.changelog && (
                 <div
                   className='entry-info-item btntheme2'
                   onClick={() => setPopupMode(4)}
-            hidden={!versionInfo?.changelog}
                 >
                   <p>View Changelog</p>
                   <FontAwesomeIcon
@@ -81,12 +83,13 @@ export default function ManageVersionPopup () {
                     color='lightgray'
                   />
                 </div>
+              )}
+            </>
+          )}
         </div>
+        {!viewingInfoFromDownloads && (
           <div className='flex flex-row gap-2 justify-center'>
-          <div
-            className='entry-info-item btntheme2'
-            hidden={viewingInfoFromDownloads}
-          >
+            <div className='entry-info-item btntheme2'>
               <FontAwesomeIcon icon={faHardDrive} color='lightgray' />
               <p>
                 Size on disk:{' '}
@@ -100,7 +103,6 @@ export default function ManageVersionPopup () {
               className='entry-info-item btntheme2'
               onClick={async () => openFolder(managingVersion)}
               title="Click to browse the game's files."
-            hidden={viewingInfoFromDownloads}
             >
               Open Folder
               <FontAwesomeIcon
@@ -147,7 +149,6 @@ export default function ManageVersionPopup () {
                   )
               }}
               title='Click to uninstall this game. This will NOT remove any progress or any save files.'
-            hidden={viewingInfoFromDownloads}
             >
               Uninstall
             </div>
@@ -202,11 +203,11 @@ export default function ManageVersionPopup () {
                 ])
               }}
               title="Click to reinstall this game. This will NOT remove any progress or any save files. This WILL uninstall any modifications to the game's executable files."
-            hidden={viewingInfoFromDownloads}
             >
               Reinstall
             </div>
           </div>
+        )}
       </div>
     </>
   )