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/[type]/[id]/settings/analytics.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <div class="universal-card">
+      <h2>Analytics</h2>
+
+      <p>
+        This page shows you the analytics for your project, <strong>{{ project.title }}</strong
+        >. You can see the number of downloads, page views and revenue earned for your project, as
+        well as the total downloads and page views for {{ project.title }} by country.
+      </p>
+    </div>
+
+    <ChartDisplay :projects="[props.project]" />
+  </div>
+</template>
+
+<script setup>
+import ChartDisplay from '~/components/ui/charts/ChartDisplay.vue'
+
+const props = defineProps({
+  project: {
+    type: Object,
+    default() {
+      return {}
+    },
+  },
+})
+</script>
+
+<style scoped lang="scss">
+.markdown-body {
+  margin-bottom: var(--gap-md);
+}
+</style>