Update legal docs (#1260)

* Update legal docs

* add app

* fix homepage

layouts/default.vue

@@ -110,9 +110,16 @@
                 </div>
               </div>
               <section v-else class="auth-prompt">
-                <nuxt-link class="iconified-button brand-button" to="/auth/sign-in">
+                <nuxt-link class="iconified-button raised-button" to="/auth/sign-in">
                   <LogInIcon /> Sign in
                 </nuxt-link>
+                <nuxt-link
+                  v-if="$route.path !== '/app'"
+                  class="btn btn-outline btn-primary"
+                  to="/app"
+                >
+                  <DownloadIcon /> Get Modrinth App
+                </nuxt-link>
               </section>
             </section>
           </section>
@@ -340,7 +347,7 @@
   </div>
 </template>
 <script setup>
-import { LogInIcon } from 'omorphia'
+import { LogInIcon, DownloadIcon } from 'omorphia'
 import HamburgerIcon from '~/assets/images/utils/hamburger.svg'
 import CrossIcon from '~/assets/images/utils/x.svg'
 import SearchIcon from '~/assets/images/utils/search.svg'
@@ -474,9 +481,10 @@ export default defineNuxtComponent({
   methods: {
     runAnalytics() {
       const config = useRuntimeConfig()
+      const replacedUrl = config.public.apiBaseUrl.replace('v2/', '')
 
       setTimeout(() => {
-        $fetch(`${config.public.ariadneBaseUrl}view`, {
+        $fetch(`${replacedUrl}analytics/view`, {
           method: 'POST',
           body: {
             url: window.location.href,
@@ -632,7 +640,7 @@ export default defineNuxtComponent({
           top: 50%;
           transform: translateY(-50%);
           min-width: 6rem;
-          gap: 1rem;
+          gap: 0.25rem;
 
           .control-button {
             position: relative;
@@ -778,6 +786,7 @@ export default defineNuxtComponent({
           align-items: center;
           height: 100%;
           margin: 0;
+          gap: 0.5rem;
 
           .log-in-button {
             margin: 0 auto;