Change the way buttons and info items are colored, fix inconsistencies, change sidebar, add a new method of interacting instead of installs/launch button

src/app/settings/page.tsx

@@ -10,6 +10,8 @@ export default function Settings () {
   const [allowNotifications, setAllowNotifications] = useState(false)
   const [alwaysShowGamesInSidebar, setAlwaysShowGamesInSidebar] =
     useState(false)
+  const [useLegacyInteractButtons, setUseLegacyInteractButtons] =
+    useState(false)
   const [theme, setTheme] = useState(0)
 
   const [loaded, setLoaded] = useState(false)
@@ -22,6 +24,9 @@ export default function Settings () {
         setAlwaysShowGamesInSidebar(
           normalConfig.settings.alwaysShowGamesInSidebar
         )
+        setUseLegacyInteractButtons(
+          normalConfig.settings.useLegacyInteractButtons
+        )
         setTheme(normalConfig.settings.theme)
         setLoaded(true)
         break
@@ -82,6 +87,30 @@ export default function Settings () {
               }
             }}
           />
+          <Setting
+            label='Show Installs/Launch Buttons'
+            value={useLegacyInteractButtons}
+            onChange={async () => {
+              while (normalConfig != null) {
+                setUseLegacyInteractButtons(!useLegacyInteractButtons)
+                setNormalConfig({
+                  ...normalConfig,
+                  settings: {
+                    ...normalConfig.settings,
+                    useLegacyInteractButtons: !useLegacyInteractButtons
+                  }
+                })
+                writeNormalConfig({
+                  ...normalConfig,
+                  settings: {
+                    ...normalConfig.settings,
+                    useLegacyInteractButtons: !useLegacyInteractButtons
+                  }
+                })
+                break
+              }
+            }}
+          />
           <div>
             <label className='text-lg'>Theme:</label>
             <select