Implement state contexts

frontend/src/contexts/FileContentContext.js

@@ -0,0 +1,24 @@
+import React, { createContext, useContext } from 'react';
+import { useFileContent } from '../hooks/useFileContent';
+
+const FileContentContext = createContext();
+
+export const FileContentProvider = ({ children }) => {
+  const fileContentHook = useFileContent();
+
+  return (
+    <FileContentContext.Provider value={fileContentHook}>
+      {children}
+    </FileContentContext.Provider>
+  );
+};
+
+export const useFileContentContext = () => {
+  const context = useContext(FileContentContext);
+  if (!context) {
+    throw new Error(
+      'useFileContentContext must be used within a FileContentProvider'
+    );
+  }
+  return context;
+};