add AppContext for state management and update ResourcesView to utilize context

frontend/src/main.tsx

@@ -6,6 +6,7 @@ import i18n from "i18next";
 import {initReactI18next} from "react-i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import {i18nData} from "./i18n.ts";
+import AppContext from "./components/AppContext.tsx";
 
 i18n
   .use(initReactI18next)
@@ -20,7 +21,9 @@ i18n
   }).then(() => {
   createRoot(document.getElementById('root')!).render(
     <StrictMode>
-      <App/>
+      <AppContext>
+        <App/>
+      </AppContext>
     </StrictMode>,
   )
 })