Fix scrollbars + picture-in-picture button in Firefox

src/apps/components/shell/Shell.svelte

@@ -14,6 +14,7 @@
 
   const { process }: AppComponentProps<IShellRuntime> = $props();
   const { userPreferences, startMenuOpened, actionCenterOpened, username, FullscreenCount } = process;
+  const { InitComplete } = Daemon;
 
   let currentDesktop = $state<string>();
 
@@ -28,27 +29,29 @@
   });
 </script>
 
-<div
-  class="shell taskbar-bounds fullscreen"
-  class:docked={$userPreferences.shell.taskbar.docked}
-  class:has-fullscreen={currentDesktop && $FullscreenCount[currentDesktop]?.size > 0}
->
-  <div class="primary">
-    <VirtualDesktops {process} />
-    <VirtualDesktopIndicator {process} />
-    <StartMenu {userPreferences} {startMenuOpened} {process} {username} />
-    <div></div>
-    <ActionCenter {actionCenterOpened} {userPreferences} {process} />
-    <PushNotification {process} />
-    {#if Daemon.userInfo.isSystem}
-      <div class="desktop-watermark">
-        ArcOS v{ArcOSVersion}-{ArcMode()}_{ArcBuild()}<br />
-        {Daemon.username}@{Server.hostname}<br />
-        THIS IS A SYSTEM ACCOUNT. WATCH OUT.
-      </div>
-    {/if}
+{#if $InitComplete}
+  <div
+    class="shell taskbar-bounds fullscreen"
+    class:docked={$userPreferences.shell.taskbar.docked}
+    class:has-fullscreen={currentDesktop && $FullscreenCount[currentDesktop]?.size > 0}
+  >
+    <div class="primary">
+      <VirtualDesktops {process} />
+      <VirtualDesktopIndicator {process} />
+      <StartMenu {userPreferences} {startMenuOpened} {process} {username} />
+      <div></div>
+      <ActionCenter {actionCenterOpened} {userPreferences} {process} />
+      <PushNotification {process} />
+      {#if Daemon.userInfo.isSystem}
+        <div class="desktop-watermark">
+          ArcOS v{ArcOSVersion}-{ArcMode()}_{ArcBuild()}<br />
+          {Daemon.username}@{Server.hostname}<br />
+          THIS IS A SYSTEM ACCOUNT. WATCH OUT.
+        </div>
+      {/if}
+    </div>
+    <div class="secondary">
+      <Taskbar {process} />
+    </div>
   </div>
-  <div class="secondary">
-    <Taskbar {process} />
-  </div>
-</div>
+{/if}

src/apps/components/shell/Shell/ActionCenter.svelte

@@ -3,7 +3,6 @@
   import type { BooleanStore } from "$types/shared/writable";
   import type { UserPreferencesStore } from "$types/user";
   import { QuickSettings } from "../store";
-  import CardStack from "./ActionCenter/CardStack.svelte";
   import Clock from "./ActionCenter/Clock.svelte";
   import Notifications from "./ActionCenter/Notifications.svelte";
   import QuickSetting from "./ActionCenter/QuickSetting.svelte";
@@ -22,9 +21,6 @@
 <div class="actioncenter shell-colored" class:colored={$userPreferences.shell.taskbar.colored} class:opened={$actionCenterOpened}>
   <div class="top">
     <Clock />
-    {#if !process.safeMode}
-      <CardStack {userPreferences} {process} />
-    {/if}
   </div>
   <Notifications {process} />
   {#if !process.safeMode}

src/apps/components/shell/Shell/Taskbar.svelte

@@ -9,6 +9,7 @@
   import StartButton from "./Taskbar/StartButton.svelte";
   import Clock from "./Taskbar/SystemArea/Clock.svelte";
   import SystemTray from "./Taskbar/SystemTray.svelte";
+  import TaskbarWeatherApplet from "./Taskbar/TaskbarWeatherApplet.svelte";
   import WorkspaceManagerButton from "./Taskbar/WorkspaceManagerButton.svelte";
 
   const { process }: { process: IShellRuntime } = $props();
@@ -26,6 +27,7 @@
   <PinnedApps {process} />
   <OpenedApps {process} />
 
+  <TaskbarWeatherApplet {process} />
   <ServiceGate id="TrayHostSvc">
     {#snippet ifActive(service: ITrayHostService)}
       <SystemTray {process} {service} />