Frontend: CSS modules, Zustand + URL sync

frontend/src/pages/LandingPage.tsx

@@ -0,0 +1,8 @@
+import CelexSelector from "../components/CelexSelector/CelexSelector";
+import { useUrlSync } from "../hooks/urlSync";
+
+function LandingPage() {
+  useUrlSync();
+  return <CelexSelector />;
+}
+export default LandingPage;

frontend/src/pages/MainView.tsx

@@ -0,0 +1,16 @@
+import App from "../App";
+import { useUrlSync } from "../hooks/urlSync";
+import useNavState from "../store/navStore";
+
+function MainView() {
+  useUrlSync();
+  const celexId = useNavState((state) => state.celexId);
+
+  if (!celexId) {
+    return <div>Error: No CELEX ID provided</div>;
+  }
+
+  return <App />;
+}
+
+export default MainView;