docs(sidebar): convert inline comments to TSDoc

Author: waleedlatif1

apps/sim/app/layout.tsx

@@ -78,10 +78,8 @@ export default function RootLayout({ children }: { children: React.ReactNode })
                 // window yields a width >= MIN instead of a sub-minimum sliver.
                 var defaultSidebarWidth = 248;
                 try {
-                  // Collapse is owned by the sidebar_collapsed cookie (the same
-                  // source the server renders structure from) and must never depend
-                  // on localStorage parsing succeeding. Read it first, then read the
-                  // persisted width defensively in its own try.
+                  // Collapse comes from the cookie (independent of localStorage
+                  // parsing); the persisted width is read defensively below.
                   var hasCookie = document.cookie.indexOf('sidebar_collapsed=') !== -1;
                   var collapsed = document.cookie.indexOf('sidebar_collapsed=1') !== -1;
 

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx

@@ -394,14 +394,18 @@ export const Sidebar = memo(function Sidebar({ initialCollapsed = false }: Sideb
   const toggleCollapsed = useSidebarStore((state) => state.toggleCollapsed)
   const isOnWorkflowPage = !!workflowId
 
-  // The server renders from the `sidebar_collapsed` cookie (via `initialCollapsed`);
-  // the client store seeds from the same cookie, so both agree on the first paint.
-  // Until the store reports hydration we read the prop to guarantee that match,
-  // then the store takes over.
+  /**
+   * The server renders from the `sidebar_collapsed` cookie (via `initialCollapsed`)
+   * and the client store seeds from the same cookie, so both agree on the first
+   * paint. The prop is read until the store reports hydration to guarantee that
+   * match, after which the store takes over.
+   */
   const isCollapsed = hasHydrated ? storeIsCollapsed : initialCollapsed
 
-  // Hydrate the persisted width before paint (collapse already came from the
-  // cookie). Pre-paint so any width-dependent layout settles in the same commit.
+  /**
+   * Hydrates the persisted width before paint (collapse already came from the
+   * cookie) so any width-dependent layout settles in the same commit.
+   */
   useLayoutEffect(() => {
     void useSidebarStore.persist.rehydrate()
   }, [])

apps/sim/stores/sidebar/store.ts

@@ -93,10 +93,12 @@ export const useSidebarStore = create<SidebarState>()(
           applySidebarWidth(width)
         }
       },
-      // Only width is persisted; collapse lives in the cookie.
+      /** Only width is persisted; collapse lives in the cookie. */
       partialize: (state) => ({ sidebarWidth: state.sidebarWidth }),
-      // Never let a legacy persisted `isCollapsed` override the cookie-seeded
-      // value — the cookie is the source of truth (handles migration cleanly).
+      /**
+       * Never lets a legacy persisted `isCollapsed` override the cookie-seeded
+       * value — the cookie is the source of truth (handles migration cleanly).
+       */
       merge: (persisted, current) => ({
         ...current,
         ...(persisted as Partial<SidebarState>),