New analytics (#1483)

* [WIP] Transfer analytics to own branch

* code style changes

* Refactor country name conversion

* Clean up api and ssr for settings page

* refactor analytics into reusables

* Refactor chart tooltip and reset functionality

* Update dayjs import and formatTimestamp function

* Fix bug in login functionality

* Abstract data fetching

* Refactor analytics data formatting

* Refactor useFetchAllAnalytics function signature

* Refactor analytics processing functions

* Fix chart data in ChartDisplay.vue

* Refactor analytics pages

* Refactor delete labrinth.ts test types

* Fix import statement for dayjs and update usage of
unix function

* Fix dropdown select in ChartDisplay.vue and add
Analytics link in creations.vue

* Update chart colors in ChartDisplay.vue and
analytics.js

* Update defaultRanges in ChartDisplay.vue

* Add colors to chart

* Update legend position in ChartDisplay.vue

* Refactor color conversion functions in
analytics.js

* Bug fixes

* Use softer colors

* Import dayjs unix module for analytics.js

* Refactor chart tooltip generation

* Fix calculation of total value in generateTooltip
function

* Fix button-base styling in ChartDisplay.vue

* Adopt intl standard rather than iso-3166-1

* Add support for potential flags

* Analytics rebased

* fix cf pages

* now?

* try now

* now?

* Fix this time

* address rev

* Finish analytics

* fix api url

---------

Co-authored-by: Carter <safe@fea.st>

pages/dashboard/analytics.vue

@@ -1,17 +1,24 @@
 <template>
   <div>
-    <section class="universal-card">
-      <h2>Analytics</h2>
-      <p>You found a secret!</p>
-      <nuxt-link to="/frog" class="goto-link"> Click here for fancy graphs! </nuxt-link>
-    </section>
+    <ChartDisplay :projects="projects ?? undefined" />
   </div>
 </template>
 
-<script>
-export default defineNuxtComponent({
-  head: {
-    title: 'Analytics - Modrinth',
-  },
+<script setup>
+import ChartDisplay from '~/components/ui/charts/ChartDisplay.vue'
+
+definePageMeta({
+  middleware: 'auth',
 })
+
+useHead({
+  title: 'Analytics - Modrinth',
+})
+
+const auth = await useAuth()
+const id = auth.value?.user?.id
+
+const { data: projects } = await useAsyncData(`user/${id}/projects`, () =>
+  useBaseFetch(`user/${id}/projects`)
+)
 </script>