refactor: clean up code formatting and improve readability in various files

frontend/src/components/activity/ActivityFeed.test.tsx

@@ -1,7 +1,6 @@
 import { render, screen } from "@testing-library/react";
 import { describe, expect, it } from "vitest";
 
-
 import { ActivityFeed } from "./ActivityFeed";
 
 type Item = { id: string; label: string };
@@ -56,9 +55,7 @@ describe("ActivityFeed", () => {
       />,
     );
 
-    expect(
-      screen.getByText("Waiting for new comments…"),
-    ).toBeInTheDocument();
+    expect(screen.getByText("Waiting for new comments…")).toBeInTheDocument();
     expect(
       screen.getByText("When agents post updates, they will show up here."),
     ).toBeInTheDocument();

frontend/src/components/gateways/GatewayForm.tsx

@@ -159,10 +159,17 @@ export function GatewayForm({
         </div>
       </div>
 
-      {errorMessage ? <p className="text-sm text-red-500">{errorMessage}</p> : null}
+      {errorMessage ? (
+        <p className="text-sm text-red-500">{errorMessage}</p>
+      ) : null}
 
       <div className="flex justify-end gap-3">
-        <Button type="button" variant="ghost" onClick={onCancel} disabled={isLoading}>
+        <Button
+          type="button"
+          variant="ghost"
+          onClick={onCancel}
+          disabled={isLoading}
+        >
           {cancelLabel}
         </Button>
         <Button type="submit" disabled={isLoading || !canSubmit}>