feat: add cursor settings, enhance setup wizard and loading animations

src/lib/displayUtils.ts

@@ -0,0 +1,20 @@
+export function estimateRefreshRate(): Promise<number> {
+  return new Promise((resolve) => {
+    let last = performance.now();
+    let frames = 0;
+
+    function loop() {
+      const now = performance.now();
+      frames++;
+
+      if (now - last >= 1000) {
+        console.log(`Estimated Refresh Rate: ${frames} FPS`);
+        resolve(frames); // estimated Hz
+      } else {
+        requestAnimationFrame(loop);
+      }
+    }
+
+    requestAnimationFrame(loop);
+  });
+}

src/lib/global.ts

@@ -4,6 +4,7 @@ import type { Component } from 'svelte';
 import Loading from '../pages/Loading.svelte';
 
 export const current_view = writable<Component>(Loading);
+export const first_startup = writable<boolean>(false);
 
 export const server_ping = writable<number | undefined>(undefined);
 export const server_connection_fails = writable(0);

src/lib/userSettings.ts

@@ -1,8 +1,11 @@
 import { writable } from 'svelte/store';
 import { Config } from './config';
 
-export const userSettings = writable<Config>(new Config());
+export const userSettings = writable<Config>(new Config(false));
 
 export const customCursor = writable<boolean>(true);
 export const cursorSmoothening = writable<boolean>(true);
+export const cursorSmoothness = writable<number>(180);
 export const reduceAnimations = writable<boolean>(false);
+
+export const osuInstallationPath = writable<string>('');