Replaces v-if with css display none

This fixes theme not being applied on load when settings are hidden, since the theme selector component will still be mounted, just not visible

src/components/Settings/SettingsContainer.vue

@@ -6,7 +6,7 @@
       :active="!modalOpen"
     />
     <div class="options-outer">
-      <div class="options-container" v-if="settingsVisible">
+      <div :class="`options-container ${!settingsVisible ? 'hide' : ''}`">
         <ThemeSelector :themes="availableThemes"
           :confTheme="getInitialTheme()" :userThemes="getUserThemes()" />
         <LayoutSelector :displayLayout="displayLayout" @layoutUpdated="updateDisplayLayout"/>
@@ -133,6 +133,9 @@ export default {
       opacity: 1;
       &:hover { opacity: 1; }
     }
+    &.hide {
+      display: none;
+    }
   }
 
   .show-hide-container {