Storage improve (#6976)

* wip

* wip

* wip

* wip

* wip

* Update storage.ts

* wip

* wip

* wip

* wip

* Update storage.ts

* Update storage.ts

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* Update storage.ts

* wip

* wip

* wip

* wip

* 🍕

* wip

* wip

* wip

* wip

* wip

* wip

* Update deck-storage.ts

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* Update store.ts

* wip

* wip

* wip

* wip

* Update init.ts

* wip

* wip

* Update pizzax.ts

* wip

* wip

* Update timeline.vue

* Update init.ts

* wip

* wip

* Update init.ts

src/client/ui/_common_/common.vue

@@ -16,8 +16,8 @@
 <script lang="ts">
 import { defineAsyncComponent, defineComponent } from 'vue';
 import { stream, popup, popups, uploads, pendingApiRequestsCount } from '@/os';
-import { store } from '@/store';
 import * as sound from '@/scripts/sound';
+import { $i, $i } from '@/account';
 
 export default defineComponent({
 	components: {
@@ -27,7 +27,7 @@ export default defineComponent({
 
 	setup() {
 		const onNotification = notification => {
-			if (store.state.i.mutingNotificationTypes.includes(notification.type)) return;
+			if ($i.mutingNotificationTypes.includes(notification.type)) return;
 
 			if (document.visibilityState === 'visible') {
 				stream.send('readNotification', {
@@ -42,7 +42,7 @@ export default defineComponent({
 			sound.play('notification');
 		};
 
-		if (store.getters.isSignedIn) {
+		if ($i) {
 			const connection = stream.useSharedConnection('main', 'UI');
 			connection.on('notification', onNotification);
 		}

src/client/ui/_common_/header.vue

@@ -1,6 +1,6 @@
 <template>
 <div class="fdidabkb" :style="`--height:${height};`">
-	<transition :name="$store.state.device.animation ? 'header' : ''" mode="out-in" appear>
+	<transition :name="$store.state.animation ? 'header' : ''" mode="out-in" appear>
 		<button class="_button back" v-if="withBack && canBack" @click.stop="back()"><Fa :icon="faChevronLeft"/></button>
 	</transition>
 	<template v-if="info">

src/client/ui/_common_/stream-indicator.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="nsbbhtug" v-if="hasDisconnected && $store.state.device.serverDisconnectedBehavior === 'quiet'" @click="resetDisconnected">
+<div class="nsbbhtug" v-if="hasDisconnected && $store.state.serverDisconnectedBehavior === 'quiet'" @click="resetDisconnected">
 	<div>{{ $t('disconnectedFromServer') }}</div>
 	<div class="command">
 		<button class="_textButton" @click="reload">{{ $t('reload') }}</button>