feat: add CSP card to "And there's more" grid

Author: bartlomieju

www/components/homepage/MoreFeatures.tsx

@@ -164,6 +164,37 @@ const features = [
 });`,
     lang: "js" as const,
   },
+  {
+    title: "Content Security Policy",
+    description:
+      "Automatic nonce injection for inline scripts and styles — strong security defaults with zero boilerplate.",
+    href: "/docs/plugins/csp",
+    icon: (
+      <svg
+        aria-hidden="true"
+        xmlns="http://www.w3.org/2000/svg"
+        class="text-fresh"
+        width="1.5rem"
+        height="1.5rem"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+        <path d="M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06" />
+        <path d="M15 19l2 2l4 -4" />
+      </svg>
+    ),
+    code: `app.use(csp({
+  directives: {
+    scriptSrc: ["'nonce'"],
+  },
+}));`,
+    lang: "js" as const,
+  },
 ];
 
 export function MoreFeatures() {