2436 1 click verification (#2463)

* feat(app): style dashboard components to match new designs

* feat(app): check and verify possible stamps

* feat(app): full onboard process

* feat(app): use jotai to handle state and indicate loading status across app

* feat(app): testing and remaining oneClickVerifcation functionality

* fix(app): copy --no-verify

* chore(app): update copy and fine tune test

* chore(app): default value for iam url

* fix(app): just test for providers

* chore(app): cleanup removed tests

* fix(app): remove oldd file

app/__tests__/components/DashboardScorePanel.test.tsx

@@ -0,0 +1,52 @@
+import React from "react";
+import { screen } from "@testing-library/react";
+import { DashboardScorePanel } from "../../components/DashboardScorePanel";
+
+import { renderWithContext, makeTestCeramicContext } from "../../__test-fixtures__/contextTestHelpers";
+import { CeramicContextState } from "../../context/ceramicContext";
+
+const mockCeramicContext: CeramicContextState = makeTestCeramicContext();
+
+jest.mock("../../context/userState", () => ({
+  mutableUserVerificationAtom: {
+    toString: () => "mocked-user-verification-atom",
+    read: jest.fn(),
+    write: jest.fn(),
+  },
+}));
+
+let mockLoadingState = { loading: true };
+
+jest.mock("jotai", () => ({
+  useAtom: jest.fn().mockImplementation((atom) => {
+    if (atom.toString() === "mocked-user-verification-atom") {
+      return [mockLoadingState, jest.fn()];
+    }
+    return [undefined, jest.fn()];
+  }),
+  atom: jest.fn(),
+  useAtomValue: jest.fn(),
+}));
+
+jest.mock("../../hooks/useCustomization", () => ({
+  useCustomization: jest.fn(),
+}));
+
+jest.mock("../../utils/customizationUtils", () => ({
+  isDynamicCustomization: jest.fn(),
+}));
+
+describe("DashboardScorePanel", () => {
+  it("should indicate the loading state", () => {
+    renderWithContext(mockCeramicContext, <DashboardScorePanel className="test" />);
+    expect(screen.getByText("Updating")).toBeInTheDocument();
+  });
+
+  it("should handle when not loading", () => {
+    // Set the loading state to false for this test
+    mockLoadingState = { loading: false };
+    renderWithContext(mockCeramicContext, <DashboardScorePanel className="test" />);
+    // Check for some other text or element that indicates it is not in loading state
+    expect(screen.getByText("0")).toBeInTheDocument(); // Adjust this based on your actual UI
+  });
+});