fix: Adhere to shadcn documents and add SidebarProvider to root

Author: hhvrc

src/routes/+layout.svelte

@@ -15,6 +15,7 @@
   import { usePersistedState } from '$lib/state/classes/persisted-state.svelte';
   import DialogManager from '$lib/components/dialog-manager/dialog-manager.svelte';
   import { browser } from '$app/environment';
+  import { TooltipProvider } from '$lib/components/ui/tooltip';
 
   interface Props {
     children?: Snippet;
@@ -39,21 +40,23 @@
 
 <WelcomeScreen />
 
-<SidebarProvider open={isOpen} onOpenChange={(v) => (sidebarOpen.value = v)}>
-  <Sidebar />
-  <div class="flex h-screen w-screen flex-1 flex-col overflow-hidden">
-    {#if PUBLIC_DEVELOPMENT_BANNER === 'true'}
-      <div class="top-0 left-0 z-1 flex-none bg-[orangered] text-center text-white">
-        <p>
-          This is the OpenShock <b>DEVELOPMENT</b> environment. <u>No data is saved</u>, and
-          regularly overwritten by production data
-        </p>
-      </div>
-    {/if}
-    <Header />
-    <main class="min-h-0 flex-1 overflow-x-hidden">
-      {@render children?.()}
-    </main>
-    <Footer />
-  </div>
-</SidebarProvider>
+<TooltipProvider delayDuration={250}>
+  <SidebarProvider open={isOpen} onOpenChange={(v) => (sidebarOpen.value = v)}>
+    <Sidebar />
+    <div class="flex h-screen w-screen flex-1 flex-col overflow-hidden">
+      {#if PUBLIC_DEVELOPMENT_BANNER === 'true'}
+        <div class="top-0 left-0 z-1 flex-none bg-[orangered] text-center text-white">
+          <p>
+            This is the OpenShock <b>DEVELOPMENT</b> environment. <u>No data is saved</u>, and
+            regularly overwritten by production data
+          </p>
+        </div>
+      {/if}
+      <Header />
+      <main class="min-h-0 flex-1 overflow-x-hidden">
+        {@render children?.()}
+      </main>
+      <Footer />
+    </div>
+  </SidebarProvider>
+</TooltipProvider>