Library page (#53)

* 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

* Gridview on library page

* Cleaning up styles and markup.

* Fixes overall layout issues.

* Cleans up more styling. Modifies AppBar coloring.

* instance routing

* Allows pagination arrows to conditionally appear in RowDisplay.

* Adds paging behavior in RowDisplay.

* Initial modlist layout

* Updates nav and settings button styling.

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

* Page redesign

* More tweaks

* Base library pages

* Remove errant css

* Update play.svg

* Addressed issues

---------

Co-authored-by: Jai A <jaiagr+gpg@pm.me>
Co-authored-by: Zachary Baird <zdb1994@yahoo.com>
Co-authored-by: Zach Baird <30800863+ZachBaird@users.noreply.github.com>

theseus_gui/src/routes.js

@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import * as Pages from '@/pages'
+import * as Instance from '@/pages/instance'
 
 /**
  * Configures application routing. Add page to pages/index and then add to route table here.
@@ -22,6 +23,11 @@ export default new createRouter({
       name: 'Library',
       component: Pages.Library,
     },
+    {
+      path: '/add-instance',
+      name: 'Add Instance',
+      component: Pages.AddInstance,
+    },
     {
       path: '/project',
       name: 'Project',
@@ -32,6 +38,29 @@ export default new createRouter({
       name: 'Settings',
       component: Pages.Settings,
     },
+    {
+      path: '/instance/:id',
+      name: 'Instance',
+      component: Instance.Index,
+      props: true,
+      children: [
+        {
+            path: '',
+            name: 'Mods',
+            component: Instance.Mods,
+        },
+        {
+          path: 'options',
+          name: 'Options',
+          component: Instance.Options,
+        },
+        {
+          path: 'logs',
+          name: 'Logs',
+          component: Instance.Logs,
+        }
+      ]
+    }
   ],
   linkActiveClass: 'router-link-active',
   linkExactActiveClass: 'router-link-exact-active',