Fix width consistency across standalone interactive pages

- Update all standalone pages to use consistent container width
- Replace max-w-6xl with container mx-auto for better responsiveness
- Ensure identical width between standalone and theme page access
- Fix BinarySearchTrick and TernarySearchTrick standalone pages
- Update green screen versions for consistency

src/pages/TernarySearchTrickPage.tsx

@@ -2,8 +2,8 @@ import TernarySearchTrick from '@/components/TernarySearchTrick';
 
 const TernarySearchTrickPage = () => {
   return (
-    <div className="min-h-screen bg-background flex items-center justify-center">
-      <div className="w-full max-w-6xl px-4 py-8">
+    <div className="min-h-screen bg-background">
+      <div className="container mx-auto px-4 py-8">
         <TernarySearchTrick showSocialShare={true} />
       </div>
     </div>