Add Plate Swap Puzzle with full functionality and attribution

src/pages/PlateSwapPuzzlePage.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import PlateSwapPuzzle from '@/components/PlateSwapPuzzle';
+
+const PlateSwapPuzzlePage = () => {
+  return (
+    <div className="min-h-screen bg-background">
+      <PlateSwapPuzzle showSocialShare={true} />
+    </div>
+  );
+};
+
+export default PlateSwapPuzzlePage; 

src/pages/theme-pages/Puzzles.tsx

@@ -6,6 +6,16 @@ const Puzzles = () => {
   const navigate = useNavigate();
   
   const puzzles = [
+    {
+      id: "plate-swap",
+      title: "The Plate Swap Puzzle",
+      description: "Arrange plates around a circular table so each person has their own plate. A challenging permutation puzzle!",
+      path: "/puzzles/plate-swap",
+      tags: ["Logic", "Permutation", "Strategy"],
+      difficulty: "Advanced" as const,
+      duration: "10-30 min",
+      participants: "1 player"
+    },
     {
       id: "knights-puzzle",
       title: "Knights Exchange Puzzle",