Servers new purchase flow (#3719)

* New purchase flow for servers, region selector, etc.

* Lint

* Lint

* Fix expanding total

apps/frontend/src/composables/country.ts

@@ -24,6 +24,7 @@ export const useUserCountry = () => {
   if (import.meta.client) {
     onMounted(() => {
       if (fromServer.value) return;
+      // @ts-expect-error - ignore TS not knowing about navigator.userLanguage
       const lang = navigator.language || navigator.userLanguage || "";
       const region = lang.split("-")[1];
       if (region) {

apps/frontend/src/composables/pyroFetch.ts

@@ -49,7 +49,9 @@ export async function usePyroFetch<T>(path: string, options: PyroFetchOptions =
 
   const fullUrl = override?.url
     ? `https://${override.url}/${path.replace(/^\//, "")}`
-    : `${base}/modrinth/v${version}/${path.replace(/^\//, "")}`;
+    : version === 0
+      ? `${base}/modrinth/v${version}/${path.replace(/^\//, "")}`
+      : `${base}/v${version}/${path.replace(/^\//, "")}`;
 
   type HeadersRecord = Record<string, string>;
 

apps/frontend/src/composables/pyroServers.ts

@@ -330,6 +330,9 @@ interface General {
     token: string;
     instance: string;
   };
+  flows?: {
+    intro?: boolean;
+  };
 }
 
 interface Allocation {