feat: initial work on alerts summary cards (#222)

* feat: initial work on alerts summary cards

* chore: use untitled icons

Author: alex-mcgovern

package-lock.json

@@ -9,7 +9,7 @@
     "generate-client": "npm run fetch-openapi-schema && npm run openapi-ts",
     "fetch-openapi-schema": "curl https://raw.githubusercontent.com/stacklok/codegate/refs/heads/main/api/openapi.json > src/api/openapi.json",
     "openapi-ts": "openapi-ts",
-    "knip": "knip --production",
+    "knip": "knip",
     "lint": "eslint .",
     "lint:fix": "eslint --fix",
     "prepare": "husky",
@@ -40,7 +40,6 @@
     "react-markdown": "^9.0.1",
     "react-router-dom": "^7.1.1",
     "react-syntax-highlighter": "^15.6.1",
-    "recharts": "^2.15.0",
     "remark-gfm": "^4.0.0",
     "tailwind-merge": "^2.5.5",
     "tailwind-variants": "^0.3.0",
@@ -86,5 +85,8 @@
   },
   "overrides": {
     "vite": "^6.0.1"
+  },
+  "optionalDependencies": {
+    "@rollup/rollup-darwin-arm64": "^4.32.1"
   }
 }

package.json

@@ -1,20 +1,9 @@
 import { render } from "@/lib/test-utils";
 import { screen, waitFor } from "@testing-library/react";
-import { describe, expect, it, vi } from "vitest";
+import { describe, expect, it } from "vitest";
 import App from "./App";
-import React from "react";
 import userEvent from "@testing-library/user-event";
 
-vi.mock("recharts", async (importOriginal) => {
-  const originalModule = (await importOriginal()) as Record<string, unknown>;
-  return {
-    ...originalModule,
-    ResponsiveContainer: ({ children }: { children: React.ReactNode }) => {
-      return <div data-testid="mock-responsive-container">{children}</div>;
-    },
-  };
-});
-
 describe("App", () => {
   it("should render header", async () => {
     render(<App />);