🤖 fix: restore AppLoaderMiddle to fix Storybook tests

AppLoader was calling useProjectContext() before ProjectProvider was rendered,
breaking Storybook stories. Restored the middle component to call hooks
inside the provider.

Author: kylecarbs

src/components/AppLoader.tsx

@@ -18,21 +18,30 @@ import { WorkspaceProvider, useWorkspaceContext } from "../contexts/WorkspaceCon
  * the need for conditional guards in effects.
  */
 export function AppLoader() {
-  const { refreshProjects } = useProjectContext();
-
   return (
     <ProjectProvider>
-      <WorkspaceProvider
-        onProjectsUpdate={() => {
-          void refreshProjects();
-        }}
-      >
-        <AppLoaderInner />
-      </WorkspaceProvider>
+      <AppLoaderMiddle />
     </ProjectProvider>
   );
 }
 
+/**
+ * Middle component that has access to ProjectContext and wraps WorkspaceProvider
+ */
+function AppLoaderMiddle() {
+  const { refreshProjects } = useProjectContext();
+
+  return (
+    <WorkspaceProvider
+      onProjectsUpdate={() => {
+        void refreshProjects();
+      }}
+    >
+      <AppLoaderInner />
+    </WorkspaceProvider>
+  );
+}
+
 /**
  * Inner component that has access to both ProjectContext and WorkspaceContext.
  * Syncs stores and shows loading screen until ready.