feat: preferences syncing frontend (#7192)

* feat: prefs frontend

* fix: DI issue

* fix: lint

* feat: appearance settings cleanup + fix settings, remove pinia

* fix: sync btn when logged out

* fix: prepr

* fix: sidebar issue

* feat: language coverage + cleanup

* feat: cleanup lang settings

* fix: fmt

* fix: CI

* fix: ci

* fix: storybook

* feat: bring back loader/game version sort

---------

Co-authored-by: tdgao <mr.trumgao@gmail.com>

apps/app-frontend/src/main.js

@@ -5,7 +5,6 @@ import * as Sentry from '@sentry/vue'
 import { VueScanPlugin } from '@taijased/vue-render-tracker'
 import { VueQueryPlugin } from '@tanstack/vue-query'
 import FloatingVue from 'floating-vue'
-import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 
 import App from '@/App.vue'
@@ -21,8 +20,6 @@ const vueScan = new VueScanPlugin({
 	playSound: false, // Play sound on each render
 })
 
-const pinia = createPinia()
-
 let app = createApp(App)
 
 Sentry.init({
@@ -35,7 +32,6 @@ Sentry.init({
 app.use(VueQueryPlugin)
 app.use(vueScan)
 app.use(router)
-app.use(pinia)
 app.use(FloatingVue, {
 	themes: {
 		'ribbit-popout': {