remove the datacontext, we will useResource and other tools directly from LDO

CLAUDE.md

@@ -27,6 +27,8 @@ This is a React/TypeScript NAO (Network of Authentic Others) community managemen
 - Always completely implement any functionality as requested.
 - Do not hallucinate, or pretend
 - Always use the most up to date official documentation for libraries or techniques
+- prefer zustand stores above useState
+- use LDO and nextgraphauth.session for persistent data (contacts for example) consider this to be our "database" 
 
 # Code Style
 - Use react hooks: useMemo, useCallback, and other standard hooks

src/App.tsx

@@ -2,7 +2,6 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import { ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
 import { OnboardingProvider } from '@/contexts/OnboardingContext';
-import { DataProvider } from '@/providers/DataProvider';
 import { BrowserNGLdoProvider, useNextGraphAuth } from '@/lib/nextgraph';
 import type { NextGraphAuth } from '@/types/nextgraph';
 import DashboardLayout from '@/components/layout/DashboardLayout';
@@ -39,7 +38,6 @@ const AppContent = () => {
   }
 
   return (
-    <DataProvider>
     <OnboardingProvider>
       <Router>
         <Routes>
@@ -69,7 +67,6 @@ const AppContent = () => {
         </Routes>
       </Router>
     </OnboardingProvider>
-    </DataProvider>
   );
 };
 

src/contexts/DataContext.ts

@@ -1,12 +0,0 @@
-import { createContext } from "react";
-import type { Container } from "@/.ldo/container.typings";
-
-interface DataContextType {
-  contactsContainer: Container | undefined;
-  contacts: Array<{ "@id": string }>;
-  isContactsLoading: boolean;
-  containerOverlay: string;
-}
-
-export const DataContext = createContext<DataContextType | undefined>(undefined);
-export type { DataContextType };

src/hooks/useData.ts

@@ -1,10 +0,0 @@
-import { useContext } from "react";
-import { DataContext } from "@/contexts/DataContext";
-
-export const useData = () => {
-  const context = useContext(DataContext);
-  if (!context) {
-    throw new Error("useData must be used within a DataProvider");
-  }
-  return context;
-};

src/providers/DataProvider.tsx

@@ -1,49 +0,0 @@
-import type React from "react";
-import type { ReactNode } from "react";
-import { useNextGraphAuth } from "@/lib/nextgraph";
-import { useResource, useSubject } from "@/lib/nextgraph";
-import { ContainerShapeType } from "@/.ldo/container.shapeTypes";
-import type { NextGraphAuth } from "@/types/nextgraph";
-import { DataContext, type DataContextType } from "@/contexts/DataContext";
-
-interface DataProviderProps {
-	children: ReactNode;
-}
-
-export const DataProvider: React.FC<DataProviderProps> = ({ children }) => {
-	const nextGraphAuth = useNextGraphAuth() as NextGraphAuth;
-	const { session } = nextGraphAuth || {};
-	const isAuthenticated = Boolean(session?.ng);
-
-	const canSubscribe =
-		isAuthenticated && session?.privateStoreId && session?.ng;
-
-	useResource(canSubscribe ? `did:ng:${session?.privateStoreId}` : undefined, {
-		subscribe: true,
-	});
-
-	const contactsContainer = useSubject(
-		ContainerShapeType,
-		canSubscribe && session?.privateStoreId
-			? `did:ng:${session.privateStoreId.substring(0, 46)}`
-			: undefined,
-	);
-
-	const contacts = contactsContainer?.contains
-		? Array.from(contactsContainer.contains)
-		: [];
-	const isContactsLoading = canSubscribe && !contactsContainer;
-
-	const containerOverlay = session?.privateStoreId
-		? session.privateStoreId.substring(46)
-		: "";
-
-	const value: DataContextType = {
-		contactsContainer,
-		contacts,
-		isContactsLoading,
-		containerOverlay,
-	};
-
-	return <DataContext.Provider value={value}>{children}</DataContext.Provider>;
-};