Adds base UI for launcher. (#48)

* launcher base gui initial

* Bootstraps router, Omorphia, and prettier.

* Adds pages. Adds Vuex. SideBar nav contains user section and pages section.

* Adds Instance markup. Instances added to Home page.

* Adds News to home page.

* Adds settings to nav. Other touches.

* Polishing initial base GUI.

* Moves some styling to assets. Changes px values to rem.

* Removes pointless border-radius CSS.

* Implements Omorphia vars.

* Adds trending mods section.

* Updates home page.

* Swaps Vuex implementation for Pinia.

* Fixes invalid CSS on instance list item hover.

* Adds @ path resolve for imports.

* Fix some styling of row display

* Cleaning up styles and markup.

* Fixes overall layout issues.

* Cleans up more styling. Modifies AppBar coloring.

* Allows pagination arrows to conditionally appear in RowDisplay.

* Adds paging behavior in RowDisplay.

* Updates nav and settings button styling.

* Brings in Knossos style for trending mods. Polishes News CSS.

* Updates Omorphia. Starts addressing PR comments.

* Addresses some more PR comments.

* Changes side navigation styling. Active route class implemented.

* Combines trending and popular row.

* Makes images more realistic. Adds CTA to instances.

* Converts all instances to card style. Converts more styles to rem.

* Moves Navigation and UserSection into App.vue

* Adds Modrinth favicon.

* Removes unused styling.

* Adds transition to news card.

---------

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

theseus_gui/src/pages/Browse.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>
+    <p>Browse page</p>
+  </div>
+</template>

theseus_gui/src/pages/Index.vue

@@ -0,0 +1,31 @@
+<script setup>
+import { useInstances, useNews } from '@/store/state'
+import RowDisplay from '@/components/RowDisplay.vue'
+
+const instances = useInstances()
+const news = useNews()
+instances.fetchInstances()
+news.fetchNews()
+
+// Remove once state is populated with real data
+const recentInstances = instances.instances.slice(0, 4)
+const popularInstances = instances.instances.filter((i) => i.downloads > 50 || i.trending)
+</script>
+
+<template>
+  <div class="page-container">
+    <RowDisplay label="Jump back in" :instances="recentInstances" :canPaginate="false" />
+    <RowDisplay label="Popular packs" :instances="popularInstances" :canPaginate="true" />
+    <RowDisplay label="News & updates" :news="news.news" :canPaginate="true" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+</style>

theseus_gui/src/pages/Library.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>
+    <p>Library</p>
+  </div>
+</template>

theseus_gui/src/pages/Project.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>
+    <p>Project page</p>
+  </div>
+</template>

theseus_gui/src/pages/Settings.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>
+    <p>Settings page</p>
+  </div>
+</template>

theseus_gui/src/pages/index.js

@@ -0,0 +1,7 @@
+import Index from './Index.vue'
+import Browse from './Browse.vue'
+import Library from './Library.vue'
+import Project from './Project.vue'
+import Settings from './Settings.vue'
+
+export { Index, Browse, Library, Project, Settings }

theseus_gui/src/pages/instances/Instance.vue

@@ -0,0 +1,14 @@
+<script setup>
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+
+console.log(route.path)
+</script>
+
+<template>
+  <div>
+    AAAAAH
+    {{ route.params.name }}
+  </div>
+</template>