Responsive filtering

my-app/package.json

@@ -11,8 +11,11 @@
   },
   "dependencies": {
     "@dagrejs/dagre": "^1.1.4",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
     "@headlessui/react": "^2.2.1",
     "@heroicons/react": "^2.2.0",
+    "@mui/material": "^7.1.0",
     "@tailwindcss/vite": "^4.0.17",
     "@xyflow/react": "^12.5.5",
     "autoprefixer": "^10.4.21",

my-app/src/index.jsx

@@ -11,11 +11,8 @@ import { JsonToDatabase } from "./presenters/Tests/JsonToDatabase";
 import { AllCoursesPresenter } from "./presenters/Tests/AllCoursesPresenter.jsx";
 
 
-/**
- * This file contains the bootstrapping, as well as the router used in our webapp.
- */
+configure({ enforceActions: "never", reactionScheduler: (f) => setTimeout(f, 0),});
 
-configure({ enforceActions: "observed", reactionScheduler: (f) => setTimeout(f, 0),});
 const reactiveModel = makeAutoObservable(model);
 connectToFirebase(reactiveModel);