Make content sidebar fixed on large screens

Updated the .content-sidebar_desktop CSS to be hidden by default and fixed with specific positioning and sizing on large screens. This improves layout consistency and sidebar usability for desktop users.

Author: cklei-carly

resources/css/theme.css

@@ -62,6 +62,11 @@
 
 /* Content Sidebar Dropdown Fix */
 .content-sidebar_desktop {
+    display: none;
+    @variant lg {
+        position: fixed !important;
+        @apply top-16 left-0 w-72 flex flex-col z-40 h-svh;
+    }
     .tree-node-item {
         .tree-node-actions .tree-node-action {
             @apply fixed! -ms-5!;

resources/dist/inspirecms.css

@@ -55,7 +55,7 @@ class="p-4 rounded-full shadow-md"
     </x-filament::modal>
 
     <!-- Static sidebar for desktop -->
-    <div class="content-sidebar_desktop hidden lg:fixed! lg:top-y-16 lg:left-0 lg:w-72 lg:flex! lg:flex-col! z-40 h-svh">
+    <div class="content-sidebar_desktop">
         <div class="flex grow flex-col gap-y-5 overflow-y-auto overflow-x-visible border-e border-gray-200 bg-white py-2 dark:bg-gray-900 dark:border-gray-700">
             <x-inspirecms-support::tree-node.service-side-tree
                 :nodes="$nodes"