Refactor site structure and add comprehensive interactive index

- Move Puzzles and Miscellany under Themes
- Add Contest Problems as new theme
- Create About page with comprehensive site information
- Create InteractiveIndex component with advanced filtering and sorting
- Update navigation to include Index, Themes, and About
- Add pagination (10 items per page) with search and tag filtering
- Update routing structure for new theme organization
- Remove standalone Puzzles and Miscellany pages
- Add new theme pages: /themes/puzzles, /themes/miscellany, /themes/contest-problems
- Update homepage to point to new interactive index
- Maintain consistent layout and styling across all new pages

src/pages/theme-pages/ContestProblems.tsx

@@ -0,0 +1,19 @@
+import ComingSoon from "@/components/ComingSoon";
+import Layout from "@/components/Layout";
+
+const ContestProblems = () => {
+  return (
+    <Layout>
+      <div className="py-12 px-4">
+        <div className="max-w-6xl mx-auto">
+          <ComingSoon 
+            title="Contest Problems"
+            description="Practice with problems from programming competitions, mathematical olympiads, and algorithmic challenges with interactive solutions and explanations."
+          />
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default ContestProblems; 

src/pages/theme-pages/Miscellany.tsx

@@ -0,0 +1,19 @@
+import ComingSoon from "@/components/ComingSoon";
+import Layout from "@/components/Layout";
+
+const Miscellany = () => {
+  return (
+    <Layout>
+      <div className="py-12 px-4">
+        <div className="max-w-6xl mx-auto">
+          <ComingSoon 
+            title="Miscellany"
+            description="Discover unique educational experiments, creative tools, and innovative interactive content that doesn't fit into traditional categories but sparks curiosity and enhances learning."
+          />
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default Miscellany; 

src/pages/theme-pages/Puzzles.tsx

@@ -0,0 +1,19 @@
+import ComingSoon from "@/components/ComingSoon";
+import Layout from "@/components/Layout";
+
+const Puzzles = () => {
+  return (
+    <Layout>
+      <div className="py-12 px-4">
+        <div className="max-w-6xl mx-auto">
+          <ComingSoon 
+            title="Interactive Puzzles"
+            description="Get ready for an engaging collection of educational puzzles designed to challenge your problem-solving skills and reinforce key concepts across multiple disciplines."
+          />
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default Puzzles;