feat: renamed old frontend and fixed some minor bugs

frontend/src/pages/middlewares/authenticate.tsx

@@ -0,0 +1,41 @@
+import { createFileRoute, redirect } from "@tanstack/react-router";
+
+import { createNotification } from "@app/components/notifications";
+import { userKeys } from "@app/hooks/api";
+import { authKeys, fetchAuthToken } from "@app/hooks/api/auth/queries";
+import { fetchUserDetails } from "@app/hooks/api/users/queries";
+
+export const Route = createFileRoute("/_authenticate")({
+  beforeLoad: async ({ context }) => {
+    if (!context.serverConfig.initialized) {
+      throw redirect({ to: "/admin/signup" });
+    }
+
+    const data = await context.queryClient
+      .ensureQueryData({
+        queryKey: authKeys.getAuthToken,
+        queryFn: fetchAuthToken
+      })
+      .catch(() => {
+        createNotification({
+          type: "error",
+          title: "Access Restricted",
+          text: " You need to log in to access this page. Please log in to continue."
+        });
+        throw redirect({
+          to: "/login"
+        });
+      });
+
+    if (!data.organizationId) {
+      throw redirect({ to: "/login/select-organization" });
+    }
+
+    const user = await context.queryClient.ensureQueryData({
+      queryKey: userKeys.getUser,
+      queryFn: fetchUserDetails
+    });
+
+    return { organizationId: data.organizationId as string, isAuthenticated: true, user };
+  }
+});