refactor: rename and update pod animations with improved visuals and consistency

- Renamed NoCentral to DataControl with enhanced data ownership visualization
- Renamed NoExtraction to Connectivity with full mesh P2P topology
- Renamed NoSinglePoint to Security with improved styling
- Renamed NoControl to Resilience with consistent styling
- Added lg:-mt-12 margin to Security and Resilience animations for alignment
- Updated DataControl to show explicit permission gates and bi-directional replication

src/pages/pods/PodsBento.tsx

@@ -1,10 +1,10 @@
 "use client";
 
 import { Eyebrow, H3, P } from "@/components/Texts";
-import NoExtraction from "./animations/NoExtraction";
-import NoControl from "./animations/NoControl";
-import NoCentral from "./animations/NoCentral";
-import NoSinglePoint from "./animations/NoSinglePoint";
+import DataControl  from "./animations/DataControl";
+import Connectivity from "./animations/Connectivity";
+import Security from "./animations/Security";
+import Resilience from "./animations/Resilience";
 
 const deterministicCards = [
   {
@@ -26,7 +26,7 @@ const deterministicCards = [
     title: "Your Data Lives on Your Pods",
     description:
       "Full control of where your data is stored and how it’s shared.",
-    animation: <NoCentral className="lg:-mt-12" />,
+    animation: <DataControl className="lg:-mt-12" />,
     colSpan: "lg:col-span-3",
     rowSpan: "lg:row-span-1",
     rounded: "lg:rounded-tr-4xl max-lg:rounded-t-4xl",
@@ -40,7 +40,7 @@ const deterministicCards = [
     title: "Direct Pod-to-Pod Networking",
     description:
       "Direct connections between Pods for faster, private communication.",
-    animation: <NoExtraction className="lg:-mt-12" />,
+    animation: <Connectivity className="lg:-mt-12" />,
     colSpan: "lg:col-span-2",
     rowSpan: "lg:row-span-1",
     rounded: "lg:rounded-bl-4xl max-lg:rounded-b-4xl",
@@ -54,7 +54,7 @@ const deterministicCards = [
     title: "No One Can Spy or Shut You Down",
     description:
       "Independence from corporate servers or cloud outages.",
-    animation: <NoSinglePoint />,
+    animation: <Security className="lg:-mt-12" />,
     colSpan: "lg:col-span-2",
     rowSpan: "lg:row-span-1",
     rounded: "",
@@ -67,7 +67,7 @@ const deterministicCards = [
     title: "Resilient Even if Nodes Disconnect",
     description:
       "Continuous availability even if one node disconnects.",
-    animation: <NoControl />,
+    animation: <Resilience className="lg:-mt-12" />,
     colSpan: "lg:col-span-2",
     rowSpan: "lg:row-span-1",
     rounded: "lg:rounded-br-4xl max-lg:rounded-b-4xl",