Standing up global settings page. (#63)

* Adds markup to Settings page.

* Fixes card styling. Makes theme a dropdown. Fleshes out theme store and helpers.

* Settings wired up to backend. Omorphia package bumped.

* settings not syncing

* Further polishes Global Settings.

* Post-merge cleanup.

* Cleans up code. Ensures Java versions are present.

* Wires up auto-detect modal. Wires up Java version browse. Styling updates.

* Styling inputs. Adjusts modals.

* Removes theme helpers. Removes unnecessary classes.

* Always displays settings save btn. Watch code removed. New Card added.

* Cleans up merge from master. Adds AnimatedLogo to settings.

* Installs updated Omorphia. Removes unnecessary styles. Fixes loading logo position.

* Starts wiring up theming to settings. Adds Tauri command to get just theme.

* Settings page polish. allowList updated.

* Condenses modals into one. Implements JRE checking.

* Updates Omorphia package. Removes unnecessary styles.

* Removes get_theme. Styling changes.

* Changes appbar background for light-mode.

* Fixes

* fix color with var

---------

Co-authored-by: thesuzerain <wverchere@gmail.com>
Co-authored-by: Jai A <jaiagr+gpg@pm.me>

theseus_gui/src/pages/instance/Mods.vue

@@ -22,7 +22,7 @@
         </Button>
       </span>
     </div>
-    <div class="table-container">
+    <div class="table">
       <div class="table-row table-head">
         <div class="table-cell table-text">
           <Button color="success" icon-only>
@@ -176,53 +176,17 @@ function updateSort(projects, sort) {
 </script>
 
 <style scoped lang="scss">
-.table-container {
-  display: grid;
-  grid-template-rows: repeat(auto-fill, auto);
-  width: 100%;
-  border-radius: var(--radius-md);
-  overflow: hidden;
-}
-
-.table-row {
-  display: grid;
-  grid-template-columns: min-content 2fr 1fr 1fr 8rem;
-}
-
-.table-head {
-  .table-cell {
-    background-color: var(--color-accent-contrast);
-  }
-}
-
-.table-cell {
-  padding: 1rem;
-  height: 100%;
-  align-items: center;
-  vertical-align: center;
-  display: flex;
-}
-
-.table-text {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: fade;
-}
-
 .manage {
   display: flex;
   gap: 0.5rem;
 }
 
-.mod-text {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  color: var(--color-contrast);
+.table-row {
+  grid-template-columns: min-content 2fr 1fr 1fr 8rem;
 }
 
-.table-row:nth-child(even) .table-cell {
-  background-color: var(--color-bg);
+.table-cell {
+  align-items: center;
 }
 
 .card-row {