Add direct interactive routes

Implement direct routes for interactives (e.g., `/school-connect/binary-number-game`).

src/pages/BinaryNumberGamePage.tsx

@@ -0,0 +1,29 @@
+import BinaryNumberGame from '@/components/BinaryNumberGame';
+import Navigation from '@/components/Navigation';
+import { Link } from 'react-router-dom';
+
+const BinaryNumberGamePage = () => {
+  return (
+    <div className="min-h-screen bg-background">
+      <Navigation />
+      <div className="container mx-auto px-4 py-8">
+        <div className="space-y-6">
+          <div className="flex items-center gap-4">
+            <Link 
+              to="/themes/school-connect"
+              className="text-primary hover:text-primary/80 font-medium"
+            >
+              ← Back to School Connect
+            </Link>
+            <h1 className="text-2xl font-bold text-foreground">Binary Number Representation</h1>
+          </div>
+          <div className="bg-background border rounded-lg p-6">
+            <BinaryNumberGame />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default BinaryNumberGamePage;