Search UI improvements (#107)

* Base impl

* Make project type selectable

* Update Browse.vue

* address changes

* Quick create

* Run linter

* fix merge

* Addressed changes

* Installation improvements

* Run lint

* resourcepacks

* automatic installation of dependencies

* Fix bugs with search

* Addressed changes

* Run linter

* Fixed direct install not working

* Remove back to search

* Update Index.vue

* Addressed some changes

* Shader fix

* fix resetting

* Update Browse.vue

* Direct install from search

* More improvements

* Update SearchCard.vue

* Card V2

* Run linter

* add instance ignoring

* Update Browse.vue

* Finalize changes

* Update SearchCard.vue

* More adjustments

* Fix out of order rendering

* Run linter

* Fix issues

* Add unlisteners

---------

Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
Co-authored-by: Jai A <jaiagr+gpg@pm.me>

theseus_gui/src/App.vue

@@ -75,24 +75,24 @@ const loading = useLoading()
             <LibraryIcon />
             <span v-if="!themeStore.collapsedNavigation">Library</span>
           </RouterLink>
-          <Button
-            color="primary"
-            :class="{
-              'icon-only': themeStore.collapsedNavigation,
-              'collapsed-button': themeStore.collapsedNavigation,
-              'expanded-button': !themeStore.collapsedNavigation,
-            }"
-            @click="() => $refs.installationModal.show()"
-          >
-            <PlusIcon />
-            <span v-if="!themeStore.collapsedNavigation" class="no-wrap">New Instance</span>
-          </Button>
           <Suspense>
             <InstanceCreationModal ref="installationModal" />
           </Suspense>
         </div>
       </div>
       <div class="settings pages-list">
+        <Button
+          class="sleek-primary"
+          :class="{
+            'icon-only': themeStore.collapsedNavigation,
+            'collapsed-button': themeStore.collapsedNavigation,
+            'expanded-button': !themeStore.collapsedNavigation,
+          }"
+          @click="() => $refs.installationModal.show()"
+        >
+          <PlusIcon />
+          <span v-if="!themeStore.collapsedNavigation" class="no-wrap">New Instance</span>
+        </Button>
         <RouterLink
           to="/settings"
           class="btn"
@@ -136,6 +136,10 @@ const loading = useLoading()
 </template>
 
 <style lang="scss" scoped>
+.sleek-primary {
+  background-color: var(--color-brand-highlight);
+  transition: all ease-in-out 0.1s;
+}
 .container {
   --appbar-height: 3.25rem;
   --sidebar-width: 5rem;